@import url("Layout.css");
@import url("Font.css");
/* top */

#top{margin:0px auto 0px auto;width:1000px; background:url(../images/menubg.gif) no-repeat right 42px;height:130px;}
#top #topme{width:1000px; margin:0px auto; height:26px; line-height:20px; padding-top:1px; text-align:center;background:url(../images/Top.gif) no-repeat center top #fff;}
#topme ul#head_login{ width:640px; float:left; margin-left:15px;}
#topme ul#head_login li{ text-align:left;}
#topme ul#head_login li span{ color:#FC1497; font-weight:bold; margin:0px 2px;}
#topme ul#us{ width:260px;float:right;}
#topme ul#us li{width:65px; float:left;}

#top #head_logo{width:200px;float:left; text-align:left;}
#top #head_navi{width:790px;float:right;text-align:left;}
#head_logo dl{ width:100%; height:85px; text-align:left;}
#head_logo dl dt{ width:100%; height:70px; line-height:70px;}
#head_logo dl dd{ width:100%; text-align:left; height:22px; line-height:22px; text-indent:26px; text-overflow:clip; overflow:hidden; white-space:nowrap;}/*background:url(../images/sound.gif) no-repeat 3px -1px;*/
#head_navi ul#nav{float:left; margin:14px auto 0px 0px;}
#head_navi ul#nav li{width:104px; float:left; height:30px; line-height:34px; font-size:14px; color:#fff; font-weight:600; text-align:center; text-indent:2px; overflow:hidden;}
#head_navi ul#nav li a{color:#fff; text-decoration:none; display:block;},#head_navi ul#nav li a:hover{color:#000; display:block;}
#head_navi ul#nav li.show{width:104px; float:left; background:url(../images/JobOn.gif) no-repeat center center;height:30px; line-height:32px;}
#head_navi ul#nav li.show a{color:#fff; text-decoration:none; display:block;}

#head_navi ul#search{width:100%; float:left; margin-top:12px;*+margin-top:10px; _margin-top:14px;}
#head_navi ul#search li{ width:146px; float:left; height:29px; text-align:left; line-height:29px; color:#333;}
#head_navi ul#search li.inpt{width:240px;}
#head_navi ul#search li.ser{width:80px; text-align:center;}
#head_navi ul#search li#service{ width:260px; text-align:right;}


/*======================================== botton ==================================================*/
.seinput{border:none; background:url(../images/serarea.gif) no-repeat; width:130px; height:22px; line-height:22px; text-align:center; cursor:pointer; color:#FA008F;}
.setext{ border:0px dashed #fff; height:16px; line-height:16px; padding-top:2px; width:230px; color:#999;}

.input{ height:17px; line-height:17px; border:1px solid #ddd; padding:2px; width:120px; color:#999;}
.input:hover{ border:1px solid #FED7E9;}
.input2{ border:none; background:url(../images/input.gif) no-repeat; width:450px; height:24px;}
.submit{ border:none; background:url(../images/button.gif) no-repeat left -80px; width:100px; height:24px; line-height:24px; font-weight:bold; 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:50px; height:22px; line-height:22px; color:#fff; font-weight:bold; cursor:pointer;}
/*======================================== botton ==================================================*/

/*main*/
#area{width:980px;margin:0px auto; background:url(../images/box.gif) no-repeat 240px top; }
#area #area-l{width:232px; float:left;margin-top:6px;}
#area #area-ml{width:220px; float:left;margin-left:7px;}
#area #area-mr{width:230px; float:left;}
#area #area-r{width:285px; float:right;margin-top:6px;}

#area-l{ width:100%; margin:0px auto; height:168px; background:url(../images/Comlogin.gif) no-repeat left top;}
#area-l dl{width:220px; margin:5px auto;background:url(../images/Creg.gif) no-repeat center 10px;}
#area-l dl dt{width:100%; height:37px; line-height:37px;  text-align:left; text-indent:60px; background:url(../images/ccg.gif) no-repeat 30px 5px; font-size:14px; font-weight:bold; margin-top:10px;}
#area-l dl dt a{ color:#D03C7F;}
#area-l dl dd{ width:100%; text-align:center; height:26px; line-height:26px; font-size:12px; text-indent:12px;}
#area-l dl dd.qreg{ font-weight:bold;background:url(../images/tit_3.gif) no-repeat 43px 4px; height:30px; line-height:30px; text-align:left; text-indent:60px;}

#area-ml #plg{ width:100%; margin:0px auto;height:170px; margin-right:-5px;}
#plg h5{width:100%; height:24px; line-height:26px; text-align:left; text-indent:22px; background:url(../images/log1.gif) no-repeat 6px 4px;border-bottom:1px dashed #FED7E9; margin-top:15px; color:#E03E88; overflow:hidden;}
#plg dl{ width:100%; height:125px; padding:10px auto;border-right:1px solid #FED7E9; 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:4px;}

#area-mr{width:100%; margin-left:5px; height:170px; }
#area-mr h5{width:94%; float:left; height:24px; line-height:28px; text-align:left;text-indent:25px; background:url(../images/a2.gif) no-repeat 3px 4px;border-bottom:1px dashed #FED7E9; margin-top:15px; color:#E03E88; overflow:hidden;}
#area-mr #dqzp{width:100%; margin:3px -5px 0px 5px; }
#area-mr #dqzp a{width:48px; float:left; height:22px; line-height:22px; border:1px solid #FED7E9; margin:3px 0px 0px 3px; display:block; color:#666;}
#area-mr #dqzp a:hover{ background:#FFF2F9; color:#ee0000;}

#area-r{width:100%;}
.container{width:275px; height:165px;border:1px solid #FED7E9; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:275px; height:165px; display:block;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{float:left;color:#EF539A;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 #EF539A;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: #EF539A;font-weight: bold;}

#area #hunter{width:100%; background:url(../images/hrbg.gif) no-repeat left top; height:35px; line-height:40px; margin-top:10px;overflow:hidden;}
#hunter p.smt{ width:90px; float:left; text-align:center; height:35px; line-height:35px;overflow:hidden; font-weight:bold; color:#D03C7F;}
#hunter ul#scr{width:890px; float:left; height:35px; line-height:35px; overflow:hidden;}
#hunter ul#scr li{ width:295px; float:left; text-align:left; height:35px; line-height:35px;background:url(../images/arrow.gif) no-repeat 6px 15px;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;}

#area #Indad img{width:100%; height:95px; margin:5px auto; text-align:center;}

#area #sad{width:100%;}
#sad dl{width:322px;float:left; margin:2px;}
#sad dl dt{width:100%;}
#sad dl dt img{ width:320px; height:46px; border:1px solid #FED7E9;}

#area #imgxs{ width:100%; margin:2px auto; height:28px; text-align:center; overflow:hidden; clear:both;}

/*====================Tong======================*/
#nicemain{ width:980px; margin:0px auto; background:url(../images/Nicembg1.gif) repeat-y; margin-top:6px;}
#nicemain h1{ width:100%; height:20px;background:url(../images/Nicemtop1.gif) no-repeat center bottom #fff; font-size:0px;}
#nicemain h1.nicebot{ width:100%; height:20px;background:url(../images/Nicembot1.gif) no-repeat center top #fff;font-size:0px;}


/*====================left======================*/
#nicemain #nice-l{width:230px; float:left; border-right:1px solid #FEB8D6;}
#nicemain #nice-r{width:736px; float:right; margin-right:10px; overflow:hidden;}
#nice-l #notice{width:100%;}
#notice h5{width:210px; height:24px; line-height:24px; text-align:left; text-indent:12px; color:#E64990;border-bottom:1px dashed #FED7E9;}
#notice h5 span{ margin-left:100px;}
#notice ul{ width:100%; margin:0px auto; text-align:center; padding-top:5px; clear:both;}
#notice ul li{width:90%; text-align:left; height:20px; line-height:20px;color:#E64990;background:url(../images/arrow.gif) no-repeat 6px 8px;text-indent:12px;}
#notice ul li span{ width:135px; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

#nice-l #fastzp h5{width:210px; height:24px; line-height:24px; text-align:left; text-indent:12px; color:#E64990;border-bottom:1px dashed #FED7E9; margin-top:5px;}
#fastzp h5 span{ margin-left:100px;}
#fastzp ul{width:210px; margin:0px auto; clear:both;overflow:hidden;}
#fastzp ul li{width:210px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 9px; text-indent:16px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#fastzp ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 9px #ffffee;}
#fastzp ul li span a{color:#f60; text-decoration:none;},#fastzp ul li span a:hover{ color:#ee0000; text-decoration:underline;}


#nice-l #tjrc{ width:228px; margin:5px auto; text-align:center; background:url(../images/rcbg.gif) repeat-x top;}
#tjrc h5{width:210px; height:24px; line-height:24px; text-align:center; text-indent:12px; color:#E64990;margin-top:5px;}
#tjrc dl{ width:210px; margin:5px auto; text-align:center; clear:both; height:125px;}
#tjrc dl dt{ width:100px; float:left; height:120px;}
#tjrc dl dt img{width:100px;height:120px; border:1px solid #eee;}
#tjrc dl dd{ width:105px; float:right; height:22px; line-height:22px; text-align:left;}
#tjrc dl dd.minfo{ height:60px; line-height:20px; text-indent:24px; color:#666; overflow:hidden;}
#tjrc dl dd a{ color:#cc0000; text-decoration:underline;} 


#nice-l #newrc{ width:228px; margin:5px auto; text-align:center; background:url(../images/rcbg.gif) repeat-x top;}
#newrc h5{width:210px; height:24px; line-height:24px; text-align:center; text-indent:12px; color:#E64990;margin-top:5px;}
#newrc ul{width:210px; margin:0px auto; clear:both;overflow:hidden;}
#newrc ul li{width:100%; height:24px; line-height:24px; text-align:left; background:url(../images/men.gif) no-repeat 2px 2px; text-indent:22px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#newrc ul li.women{background:url(../images/women.gif) no-repeat 2px 2px;}

#nice-l #photorc{ width:228px; margin:5px auto; text-align:center; background:url(../images/rcbg.gif) repeat-x top;}
#photorc h5{width:210px; height:24px; line-height:24px; text-align:center; text-indent:12px; color:#E64990;margin-top:5px;}
#photorc dl{width:68px; float:left; margin:5px 0px 0px 5px;_margin:4px 0px 0px 4px; text-align:center;}
#photorc dl dt{ width:68px; float:left; height:70px;}
#photorc dl dt img{width:68px;height:68px; border:1px solid #eee;}
#photorc dl dd{ width:68px; height:22px; line-height:22px; text-align:center;}
#photorc dl dd a{ color:#cc0000; text-decoration:underline;} 


/*====================right======================*/

#nice-r #Fea h5{ width:100%;height:20px; line-height:20px; background:url(../images/Feabg.gif) no-repeat 2px top; color:#fff; text-align:center; font-size:14px;}
#Fea dl{width:178px;_width:176px; float:left; background:#FDFBFC;  border:1px solid #FED7E9; margin:4px 2px 0px 2px; overflow:hidden;}
#Fea dl:hover{border:1px solid #D93581;}
#Fea dl dt{width:174px; padding:2px; font-size:1px; background:#fff; text-align:justify;}
#Fea dl dt img{width:170px; height:42px;text-align:left; }
#Fea dl dd{ width:175px;text-align:left;font-weight:bold; height:20px; line-height:20px; text-indent:4px; 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;}

#nice-r #middlead img{width:730px; height:60px; margin:5px auto; text-align:center;}

#nice-r #hotzp h5{ width:100%; margin:10px auto; height:20px; line-height:20px; background:url(../images/Feabg.gif) no-repeat 2px top; color:#fff; text-align:center; font-size:14px;}
#hotzp ul{width:720px; margin:2px auto; clear:both;}
#hotzp ul li{width:240px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 9px; text-indent:16px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#hotzp ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 9px #ffffee;}
#hotzp ul li span a{color:#f60; text-decoration:none;},#hotzp ul li span a:hover{ color:#ee0000; text-decoration:underline;}

#hotzp dl{width:100%;}
#hotzp dl dt{width:178px; float:left; margin:4px 2px 0px 2px; text-align:center; }
#hotzp dl dt img{ width:170px; height:60px; vertical-align:middle;border:1px solid #C36AAE;}
#hotzp dl dt.half{width:360px; float:left; margin:4px 2px 0px 2px; text-align:center; }
#hotzp dl dt.half img{ width:352px; height:60px; vertical-align:middle;border:1px solid #C36AAE;}

#nice-r #info{ width:100%;}
#info h6{ width:100%; margin:10px auto; height:20px; line-height:20px; background:url(../images/Feabg.gif) no-repeat 2px top; color:#fff; text-align:center; font-size:14px;}
#info h5{width:100%; font-size:14px; text-align:center; height:39px; line-height:50px; background:url(../images/zubg.gif) no-repeat center top; margin-bottom:5px; overflow:hidden;}
#info h5 p{width:80px;cursor:pointer;float:left;text-align:center; }
#info h5 p.mOut{ height:23px; line-height:23px; margin-top:14px;color:#333; border-right:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;background:url(../images/zuOff.gif) repeat-x; font-size:12px;}
#info h5 p.mOn{height:23px; line-height:23px; margin-top:14px;color:#333; border-right:1px solid #D4D4D4;color:#E64990;}
.info-c{width:100%;}
.info-c ul{width:720px; margin:2px auto; clear:both; background:url(../images/listbg24.gif) repeat-y; height:380px;}
.info-c ul li{width:240px; float:left; 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 .comname{width:100%;height:24px; line-height:24px; color:#dd0000}
.info-c ul li .zwname{ width:100%;height:24px; line-height:24px;}
.info-c ul li .zwname a{ width:auto; float:left; height:14px; line-height:16px; text-indent:5px; border-left:1px solid #ee0000; margin:5px 5px 5px -1px; overflow:hidden;}
.info-c ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #ffffee;}

#nicemain #mrnews{ width:960px; margin:5px auto; text-align:center; background:url(../images/rcbg.gif) repeat-x top;}
#mrnews h5{width:210px; height:24px; line-height:24px; text-align:center; text-indent:12px; color:#E64990;margin-top:5px;}
#mrnews .spnew{ width:475px; float:left;}
#mrnews dl{width:460px; margin:5px auto; text-align:left; clear:both;}
#mrnews dl dt{ width:100px; float:left; height:100px;}
#mrnews dl dt img{width:100px;height:100px; border:1px solid #eee;}
#mrnews dl dd{ width:345px; float:right; height:22px; line-height:22px; text-align:left;}
#mrnews dl dd.mnews{ height:80px; line-height:20px; text-indent:24px; color:#666; overflow:hidden;}
#mrnews dl dd a{ color:#cc0000; text-decoration:underline;} 
#mrnews ul{width:310px; float:left;overflow:hidden; margin:5px 2px 0px 5px;}
#mrnews ul li{width:100%; height:24px; line-height:24px; text-align:left; background:url(../images/5.gif) no-repeat 8px 8px; text-indent:18px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#mrnews ul li a{ color:#2B4192;} 

/*====================Link======================*/
#area #link{width:100%; background:url(../images/Linkbg.gif) no-repeat left top; height:110px;margin-top:10px; }
#link h5{width:100%; font-size:14px; text-align:left; height:28px; line-height:28px; clear:both; text-indent:12px; color:#E64990;}
#link ul{ width:100%; margin:5px auto;}
#link ul li{ width:102px; float:left; height:20px; line-height:20px; margin:0px 4px 4px 0px;}
#link span{ font-size:12px; margin-left:820px;}

/*bottom*/
#bottom{width:1000px;margin:10px auto; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
#bottom h6{width:100%;text-align:center;height:29px; line-height:29px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; font-weight:normal;}
#bottom ul{ width:100%; margin:0px auto;text-align:center; background:url(../images/bottombg.gif) no-repeat center top; padding-top:10px;}
#bottom ul li{width:100%;height:22px; line-height:22px;}
#bottom a:link,#bottom a:visited{color:#333; text-decoration:none;}
#bottom a:hover{ text-decoration:underline;}

#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;}