index.css 55 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  1. /*LOGO通栏*/
  2. .index_head{margin:0 auto;width:1200px;height:128px;}
  3. .index_head .logobox{width:370px;float:left;padding-top:20px;overflow:hidden;position:relative;}
  4. .index_head .logobox img{width:238px;height:70px;}
  5. .index_head .logobox .sub-txt-group{position:absolute;left:258px;top:50px;cursor:pointer;}
  6. .index_head .logobox .sub-txt-group .stg-txt{height:20px;line-height:20px;float:left;}
  7. .index_head .logobox .sub-txt-group .stg-icon{width:15px;height:20px;background:url(../images/17.png) -6px -99px no-repeat;float:left;}
  8. .index_head .sobox{width:710px;float:left;padding-top:40px;}
  9. .index_head .sobox .inputbg{width:450px;height:36px;border:2px #FF6600 solid;position:relative;background-color:#FFFFFF;float:left;}
  10. .index_head .sobox .inputbg .selecttype{width:50px;height:36px;line-height:36px;background-color:#F9F9F9;border-right:1px #dddddd solid;padding-left:20px;padding-right:23px;background-image:url(../images/17.png);background-repeat:no-repeat;background-position:right -92px;position:absolute;left:0px;top:0px;cursor:pointer;}
  11. .index_head .sobox .inputbg .selecttype.hover{background-color:#FFFFFF}
  12. .index_head .sobox .inputbg .selecttype_down{display:none;background-color:#F9F9F9;border:2px #FF6600 solid;border-top:0px;position:absolute;left:-2px;top:36px;}
  13. .index_head .sobox .inputbg .selecttype_down .down_list{width:50px;height:36px;line-height:36px;cursor:pointer;padding-left:20px;padding-right:23px;}
  14. .index_head .sobox .inputbg.open .selecttype_down{display:block;}
  15. .index_head .sobox .inputbg .selecttype_down .down_list.hover{background-color:#FFFFFF}
  16. .index_head .sobox .inputbg .inoputbox{position:absolute;left:100px;top:0px;width:300px;height:34px;}
  17. .index_head .sobox .inputbg .inoputbox input{width:255px;height:20px;border:0px;padding-top:7px;padding-left:5px;}
  18. .index_head .sobox .inputbg .sobut{background-color:#FF6600;font-size:16px;text-align:center;position:absolute;right:0px;top:0px;width:80px;height:36px;line-height:36px;border:0px;color:#FFFFFF;cursor:pointer;}
  19. .index_head .sobox .inputbg .sobut.hover{background-color:#FE7301}
  20. .index_head .sobox .righttxt{float:left;padding-left:20px;font-size:12px;margin-top:12px;}
  21. .index_head .sobox .righttxt a.map{padding-left:36px;background-image:url(../images/109.png);background-repeat:no-repeat;background-position:18px -110px;}
  22. .index_head .mob{width:120px;float:left;height:112px;padding-top:16px;cursor:pointer}
  23. .index_head .mob img{width:120px;height:112px;border:0px;}
  24. #mobile_qrcode{display:none;}
  25. /*导航*/
  26. .index_nav_bg{width:100%;height:54px;border-top:2px #FF5A00 solid;background-image:url(../images/114.png);background-repeat:repeat-x;background-position:bottom;}
  27. .index_nav{margin:0 auto;width:1200px;height:46px;}
  28. .index_nav .nli{float:left;padding-left:25px;padding-right:25px;height:51px;font-size:16px;line-height:51px;white-space:nowrap;cursor:pointer;}
  29. .index_nav .nli a{color:#000000}
  30. .index_nav .nli a:hover{color:#FF5A00}
  31. .index_nav .nli.hover{background-color:#F7F7F7;}
  32. .index_nav .nli.select{background-color:#FF5A00;color:#000000}
  33. .index_nav .nli.select a{color:#FFFFFF}
  34. .index_1{margin:0 auto;width:1200px;margin-top:25px;height:411px;}
  35. .index_1 .leftlogin{width:330px;float:left;height:411px;}
  36. .index_1 .leftlogin .shadowbg{width:305px;height:410px;background-color:#FFFFFF;-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;/*opera或ie9*/_border:1px solid #F3F3F3;overflow:hidden;position:relative;}
  37. /*会员未登录*/
  38. .index_1 .login{width:305px;overflow:hidden;}
  39. .index_1 .login .type_box{display:none;}
  40. .index_1 .login .type_box.active{display:block;}
  41. .index_1 .login .lontit{width:275px;height:50px;line-height:50px;border-bottom:1px #F3F3F3 solid;padding-left:30px;margin-bottom:15px;position:relative;font-size:16px;position:relative;font-weight:bold}
  42. .index_1 .login .lontit .switch_txt{display:none;}
  43. .index_1 .login .lontit .switch_txt.active{display:block;}
  44. .index_1 .login .lontit .switch_account{display:none;position:absolute;top:0;right:50px;font-size:12px;}
  45. .index_1 .login .lontit .switch_login_type{}
  46. .index_1 .login .lontit .switch_login_type .login_type{position:relative;padding:0 10px;color:#666;font-size:14px;float:left;cursor:pointer;}
  47. .index_1 .login .lontit .switch_login_type .login_type .bottom_line{display:none;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#FF5A00;}
  48. .index_1 .login .lontit .switch_login_type .login_type.select{color:#F45204;font-size:16px;}
  49. .index_1 .login .lontit .switch_login_type .login_type.select .bottom_line{display:block;}
  50. .index_1 .login .login_type_group{position:relative;width:710px;}
  51. .index_1 .login .login_type_group .j_mob_show{float:left;width:305px;}
  52. .index_1 .login .lontit .code_login{width:41px;height:41px;background-image:url(../images/121.png);background-repeat:no-repeat;position:absolute;right:1px;top:1px;cursor:pointer}
  53. .index_1 .login .lontit .code_login:hover{background-position:0px -42px;}
  54. .index_1 .login .lontit .txt_login{width:41px;height:41px;background-image:url(../images/121.png);background-repeat:no-repeat;position:absolute;right:1px;top:1px;cursor:pointer;background-position:-59px 0px;display:none}
  55. .index_1 .login .lontit .txt_login:hover{background-position:-59px -42px;}
  56. .index_1 .login .inputbox{height:50px;padding-left:26px;position:relative;}
  57. .index_1 .login .inputbox .input{width:240px;height:35px;line-height:35px;border:1px #dddddd solid;padding-left:10px;color:#999999;border-radius:4px;}
  58. .index_1 .login .inputbox .input.code{width:142px;}
  59. .index_1 .login .inputbox .index_login_btn_code{position:absolute;top:0;right:28px;width:100px;height:37px;line-height:37px;color:#FFFFFF;border:0px;background-color:#FF5A00;letter-spacing:0;border-radius:0 4px 4px 0;cursor:pointer}
  60. .index_1 .login .inputbox .index_login_btn_code:hover{background-color:#FF8000;}
  61. .index_1 .login .inputbox .btn_disabled{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  62. .index_1 .login .inputbox .btn_disabled.hover{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  63. .index_1 .login .inputbox .index_login_btn_code.btn_disabled:hover{background-color:#EBEBEB;}
  64. .index_1 .login .inputbox .index_login_btn{width:252px;height:40px;line-height:40px;color:#FFFFFF;border:0px;background-color:#FF5A00;letter-spacing:3px;border-radius:4px;cursor:pointer}
  65. .index_1 .login .inputbox .index_login_btn:hover{color:#FFFFFF;background-color:#FF8000}
  66. .index_1 .login .inputbox .index_login_btn.btn_disabled{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  67. .index_1 .login .inputbox .index_login_btn.btn_disabled:hover{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  68. .index_1 .login .memorybox{height:38px;padding-left:26px;}
  69. .index_1 .login .memorybox .memory{width:100px;float:left}
  70. .index_1 .login .memorybox .getpwd{width:100px;float:right;text-align:right;padding-right:23px;}
  71. .index_1 .login .apptit{width:252px;height:30px;border-bottom:1px #F3F3F3 solid;margin:0 auto;position:relative;margin-bottom:7px;}
  72. .index_1 .login .apptit .t{width:50%;height:30px;line-height:25px;background-color:#FFFFFF;font-size:12px;float:left;}
  73. .index_1 .login .apptit .t.last{text-align:right;}
  74. .index_1 .login .appsparent{padding-left:15px;padding-top:5px;}
  75. .index_1 .login .appsparent .apps{display:inline-block;*display:inline;*zoom:1;}
  76. .index_1 .login .appsparent .apps .ali{width:35px;height:35px;float:left;margin-right:8px;margin-left:8px;background-image:url(../images/119.png);background-repeat:no-repeat;display:block}
  77. .index_1 .login .appsparent .ali.qq{background-position:-46px 0px;}
  78. .index_1 .login .appsparent .ali.qq:hover{background-position:-46px -40px;}
  79. .index_1 .login .appsparent .ali.weixin{background-position:-92px 0px;}
  80. .index_1 .login .appsparent .ali.weixin:hover{background-position:-92px -40px;}
  81. .index_1 .login .appsparent .ali.sina{background-position:0px 0px;}
  82. .index_1 .login .appsparent .ali.sina:hover{background-position:0px -40px;}
  83. .index_1 .login .appsparent .ali.taobao{background-position:-137px 0px;}
  84. .index_1 .login .appsparent .ali.taobao:hover{background-position:-137px -40px;}
  85. .index_1 .login .btns{padding-left:15px;padding-top:15px;}
  86. /* .index_1 .login .btns .addbut{float:left;text-decoration:none;display:block;width:80px; height:42px; line-height:42px; padding-left:45px; color:#FFFFFF;border-radius:4px;background-image:url(../images/120.png);background-repeat:no-repeat;font-size:16px; _padding:0px; _text-align:center; _background-image:none; _width:125px;} */
  87. .index_1 .login .btns .addbut{float:left;text-decoration:none;display:block;width:125px;height:42px;line-height:42px;color:#FFFFFF;border-radius:4px;text-align:center;background-repeat:no-repeat;font-size:16px;_padding:0px;_background-image:none;_width:125px;}
  88. .index_1 .login .btns .addbut.a1{background-color:#216CD2;margin-right:15px;background-position:17px 10px;}
  89. .index_1 .login .btns .addbut.a1:hover{background-color:#4B8BE2}
  90. .index_1 .login .btns .addbut.a2{background-color:#00A650;background-position:17px -30px;}
  91. .index_1 .login .btns .addbut.a2:hover{background-color:#00C45C}
  92. .index_1 .login .codebox{margin:0 auto;width:150px;height:150px;padding:10px;margin-top:50px;border:1px #eeeeee solid;}
  93. .index_1 .login .codebox img{width:150px;height:150px;border:0px;}
  94. .index_1 .login .codetip{margin:0 auto;width:190px;text-align:center;margin-top:45px;height:36px;line-height:36px;background-color:#EEEEEE;color:#999999;border-radius:30px;}
  95. .index_1 .login .errbox{display:none;width:242px;margin-left:24px;height:26px;line-height:26px;color:#CC3300;background-color:#FFD8CE;border:1px #FF9E86 solid;font-size:12px;padding-left:10px;margin-bottom:15px;border-radius:4px;}
  96. .index_1 .login .type_box.err .btns{display:none;}
  97. .index_1 .login .type_box.err .errbox{display:block;}
  98. /*企业已经登录*/
  99. .index_1 .log_in_com{width:305px;}
  100. .index_1 .log_in_com .yuname{width:305px;height:50px;line-height:50px;border-bottom:1px #F3F3F3 solid;margin-bottom:15px;}
  101. .index_1 .log_in_com .yuname .username{float:left;width:178px;padding-left:30px;color:#F45204;font-size:18px;padding-right:20px;}
  102. .index_1 .log_in_com .yuname .username span{color:#666666}
  103. .index_1 .log_in_com .yuname .ylogout{display:block;text-decoration:none;float:left;width:50px;font-size:12px;border:1px #EEEEEE solid;height:23px;line-height:23px;background-color:#ffffff;text-align:center;margin-top:12px;color:#333333;cursor:pointer;border-radius:4px;}
  104. .index_1 .log_in_com .yuname .ylogout:hover{color:#FFFFFF;background-color:#FF3300;border:1px #FF3300 solid}
  105. .index_1 .log_in_com .cominfo{padding-left:30px;}
  106. .index_1 .log_in_com .cominfo .comlogo{width:63px;height:63px;border:1px #eeeeee solid;border-radius:8px;float:left}
  107. .index_1 .log_in_com .cominfo .comlogo img{width:63px;height:63px;border-radius:8px;}
  108. .index_1 .log_in_com .cominfo .comright{float:left;width:210px;}
  109. .index_1 .log_in_com .cominfo .comright .cname{width:190px;padding-left:15px;height:27px;color:#333333;margin-top:3px;}
  110. .index_1 .log_in_com .cominfo .comright .sign{width:48px;height:32px;line-height:32px;background-color:#FF9900;color:#FFFFFF;margin-left:15px;border-radius:32px;background-image:url(../images/128.png);background-repeat:no-repeat;background-position:15px 8px;padding-left:38px;cursor:pointer}
  111. .index_1 .log_in_com .cominfo .comright .sign:hover{background-color:#FF6600}
  112. .index_1 .log_in_com .combtns{padding-left:12px;margin-top:5px;}
  113. .index_1 .log_in_com .combtns a{display:block;color:#333333;text-decoration:none;width:90px;height:23px;float:left;border-right:1px #EEEEEE solid;margin-top:25px;background-image:url(../images/128.png);text-align:center;background-repeat:no-repeat;padding-top:40px;}
  114. .index_1 .log_in_com .combtns a:hover{color:#000000}
  115. .index_1 .log_in_com .combtns a.last{border:0px;}
  116. .index_1 .log_in_com .combtns a.add{background-position:30px -28px;}
  117. .index_1 .log_in_com .combtns a:hover.add{background-position:30px -98px;}
  118. .index_1 .log_in_com .combtns a.manage{background-position:30px -168px;}
  119. .index_1 .log_in_com .combtns a:hover.manage{background-position:30px -238px;}
  120. .index_1 .log_in_com .combtns a.refurbish{background-position:30px -307px;}
  121. .index_1 .log_in_com .combtns a:hover.refurbish{background-position:30px -368px;}
  122. .index_1 .log_in_com .combtns a.ntxt{background:none;padding-top:3px;height:60px;}
  123. .index_1 .log_in_com .combtns a.ntxt span{display:block;height:30px;color:#666666;text-align:center;font-size:20px;}
  124. .index_1 .log_in_com .com_login_in{display:block;text-decoration:none;width:252px;height:40px;line-height:40px;color:#FFFFFF;border:0px;background-color:#FF5A00;border-radius:4px;cursor:pointer;margin-top:30px;margin-left:25px;text-align:center;}
  125. .index_1 .log_in_com .com_login_in:hover{color:#FFFFFF;background-color:#FF8000}
  126. /*个人已经登录*/
  127. .index_1 .log_in_per{width:305px;}
  128. .index_1 .log_in_per .yuname{width:305px;height:50px;line-height:50px;border-bottom:1px #F3F3F3 solid;margin-bottom:15px;}
  129. .index_1 .log_in_per .yuname .username{float:left;width:178px;padding-left:30px;color:#F45204;font-size:18px;padding-right:20px;}
  130. .index_1 .log_in_per .yuname .username span{color:#666666;padding-right:5px;}
  131. .index_1 .log_in_per .yuname .ylogout{display:block;text-decoration:none;float:left;width:50px;font-size:12px;border:1px #EEEEEE solid;height:23px;line-height:23px;background-color:#ffffff;text-align:center;margin-top:12px;color:#333333;cursor:pointer;border-radius:4px;}
  132. .index_1 .log_in_per .yuname .ylogout:hover{color:#FFFFFF;background-color:#FF3300;border:1px #FF3300 solid}
  133. .index_1 .log_in_per .info{padding-left:30px;}
  134. .index_1 .log_in_per .info .photo{width:63px;height:63px;border:1px #eeeeee solid;border-radius:63px;float:left}
  135. .index_1 .log_in_per .info .photo img{width:63px;height:63px;border-radius:63px;}
  136. .index_1 .log_in_per .info .pname{width:70px;padding-left:15px;color:#333333;margin-top:3px;float:right;padding-top:18px;}
  137. .index_1 .log_in_per .info .sign{width:48px;height:32px;line-height:32px;background-color:#FF9900;color:#FFFFFF;margin-left:15px;border-radius:32px;background-image:url(../images/128.png);background-repeat:no-repeat;background-position:15px 8px;padding-left:38px;cursor:pointer;float:left;margin-top:15px;}
  138. .index_1 .log_in_per .info .sign:hover{background-color:#FF6600}
  139. .index_1 .log_in_per .perbtns{padding-left:12px;margin-top:5px;}
  140. .index_1 .log_in_per .perbtns a{display:block;color:#333333;text-decoration:none;width:90px;height:23px;float:left;border-right:1px #EEEEEE solid;margin-top:25px;background-image:url(../images/128.png);text-align:center;background-repeat:no-repeat;padding-top:40px;}
  141. .index_1 .log_in_per .perbtns a:hover{color:#000000}
  142. .index_1 .log_in_per .perbtns a.last{border:0px;}
  143. .index_1 .log_in_per .perbtns a.add{background-position:30px -28px;}
  144. .index_1 .log_in_per .perbtns a:hover.add{background-position:30px -98px;}
  145. .index_1 .log_in_per .perbtns a.manage{background-position:30px -168px;}
  146. .index_1 .log_in_per .perbtns a:hover.manage{background-position:30px -238px;}
  147. .index_1 .log_in_per .perbtns a.refurbish{background-position:30px -307px;}
  148. .index_1 .log_in_per .perbtns a:hover.refurbish{background-position:30px -368px;}
  149. .index_1 .log_in_per .perbtns a.ntxt{background:none;padding-top:3px;height:60px;}
  150. .index_1 .log_in_per .perbtns a.ntxt span{display:block;height:30px;color:#666666;text-align:center;font-size:20px;}
  151. .index_1 .log_in_per .com_login_in{display:block;text-decoration:none;width:252px;height:40px;line-height:40px;color:#FFFFFF;border:0px;background-color:#FF5A00;border-radius:4px;cursor:pointer;margin-top:30px;margin-left:25px;text-align:center;}
  152. .index_1 .log_in_per .com_login_in:hover{color:#FFFFFF;background-color:#FF8000}
  153. /*banner*/
  154. .index_1 .rben{width:870px;float:left;height:411px;}
  155. .index_1 .rben .wrapper{width:605px;height:260px;float:left;overflow:hidden}
  156. .index_1 .rben .rbanner{width:605px;height:260px;float:left;overflow:hidden}
  157. .index_1 .rben .rbanner img{width:605px;height:260px;border:0}
  158. .index_1 .rben .emerb{float:left;width:264px;height:259px;border-right:1px #EEEEEE solid;border-top:1px #dddddd solid;position:relative;}
  159. .index_1 .rben .emerb .emerico{position:absolute;top:-1px;width:65px;height:47px;background-image:url(../images/116.png);}
  160. .index_1 .rben .emerb .more{position:absolute;width:50px;height:20px;right:0px;top:10px;}
  161. .index_1 .rben .emerb .slide{margin-top:45px;background-image:url(../images/117.png);background-repeat:repeat-y;background-position:26px 0px;}
  162. .index_1 .rben .emerb .slide .sli{color:#666666;background-image:url(../images/117.png);background-repeat:no-repeat;background-position:-271px 14px;height:34px;line-height:34px;}
  163. .index_1 .rben .emerb .slide .sli:hover{color:#FF5A00;background-position:-271px -15px;}
  164. .index_1 .rben .emerb .slide .sli:hover a{color:#FF5A00;}
  165. .index_1 .rben .emerb .slide .sli .tit{padding-left:40px;width:115px;float:left}
  166. .index_1 .rben .emerb .slide .sli .salary{width:94px;float:left;text-align:right;color:#FF5A00;}
  167. .index_1 .rben .ban_bot_ads{float:left;height:150px;width:604px;border-left:1px #EEEEEE solid;border-bottom:1px #EEEEEE solid;}
  168. .index_1 .rben .ban_bot_ads .alist{float:left;width:150px;height:150px;border-right:1px #EEEEEE solid;overflow:hidden;position:relative;cursor:pointer}
  169. .index_1 .rben .ban_bot_ads .alist img{width:150px;height:150px;}
  170. .index_1 .rben .ban_bot_ads .alist .showname{width:110px;height:150px;padding-left:20px;padding-right:20px;line-height:150px;background:rgba(255,128,0,.8);-pie-background:rgba(255,128,0,.8);position:absolute;left:0px;top:150px;font-size:16px;color:#FFFFFF;text-align:center;}
  171. .index_1 .rben .notices{float:left;height:150px;width:264px;border-right:1px #EEEEEE solid;border-bottom:1px #EEEEEE solid;}
  172. .index_1 .rben .notices .noticestab{height:40px;width:264px;background-image:url(../images/11.png);background-repeat:repeat-x;background-position:bottom;}
  173. .index_1 .rben .notices .noticestab .tli{float:left;width:131px;border-right:1px #EEEEEE solid;height:39px;border-top:1px #EEEEEE solid;text-align:center;line-height:39px;cursor:pointer}
  174. .index_1 .rben .notices .noticestab .tli.last{width:132px;border-right:0px;}
  175. .index_1 .rben .notices .noticestab .tli.select{height:38px;background-color:#FFFFFF;border-top:2px #FF5A00 solid;color:#FF5A00;cursor:auto}
  176. .index_1 .rben .notices .notice_showtabs{display:none;}
  177. .index_1 .rben .notices .notice_showtabs.first{display:block;}
  178. .index_1 .rben .notices .notice_showtabs ul{padding-left:15px;padding-top:10px;}
  179. .index_1 .rben .notices .notice_showtabs li{width:230px;height:30px;line-height:30px;}
  180. .index_1 .rben .notices .notice_showtabs li.new{padding-left:40px;width:190px;background-image:url(../images/118.png);background-repeat:no-repeat;background-position:0px 6px;}
  181. /*广告位通栏1200X80*/
  182. .ad1200_80{margin:0 auto;margin-top:18px;width:1200px;height:80px;}
  183. .ad1200_80 img{width:1200px;height:80px;border:0px;}
  184. .ad1200_80 img:hover{color:#FF5A00;background-position:-271px -15px;}
  185. /*广告位通栏1200X80*/
  186. .index_2{margin:0 auto;margin-top:15px;width:1220px;height:auto;}
  187. .index_2 .ad590_80{float:left;width:600px;height:80px;padding-left:10px;margin-bottom: 10px;}
  188. .index_2 .ad590_80:nth-child(2n+1){padding-left: 0px;}
  189. .index_2 .ad590_80 img{width:590px;height:80px;border:0px;}
  190. .index_2 .ad590_80 img:hover{-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  191. /*广告位通栏ad188_78*/
  192. .index_3{margin:0 auto;width:1212px;}
  193. .index_3 .ad188_78{float:left;width:196px;height:80px;margin-top:15px;padding-left:6px;}
  194. .index_3 .ad188_78 .imgbox{width:188px;border:1px #EEEEEE solid;height:78px;position:relative;}
  195. .index_3 .ad188_78 .imgbox img{width:188px;height:78px;border:0px;}
  196. .index_3 .ad188_78 .imgbox .showinfo{display:none;width:186px;position:absolute;left:-1px;top:-1px;border:2px #FF5A00 solid;z-index:5;-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  197. .index_3 .ad188_78.hover .imgbox .showinfo{display:block;}
  198. .index_3 .ad188_78 .imgbox .showinfo .comname{margin-top:80px;width:171px;font-size:12px;background-color:#FFFFFF;height:30px;padding-top:5px;padding-left:15px;}
  199. .index_3 .ad188_78 .imgbox .showinfo .jobslist{background-image:url(../images/117.png);background-repeat:repeat-y;background-position:20px 0px;background-color:#FFFFFF;font-size:12px;padding-bottom:5px;}
  200. .index_3 .ad188_78 .imgbox .showinfo .jobslist .jli{height:22px;line-height:22px;width:146px;padding-left:30px;padding-right:10px;background-image:url(../images/117.png);background-repeat:no-repeat;background-position:-277px 7px;}
  201. .index_3 .ad188_78 .imgbox .showinfo .jobslist .jli:hover{background-position:-277px -21px;}
  202. .index_3 .ad188_78 .imgbox .showinfo .jobslist .jli:hover a{color:#FF5A00}
  203. .index_3 .ad188_78 .imgbox .showinfo .count{width:186px;height:25px;background-color:#FFFFFF;font-size:12px;padding-top:10px;}
  204. .index_3 .ad188_78 .imgbox .showinfo .count .v{width:92px;float:left;padding-left:15px;color:#000000}
  205. .index_3 .ad188_78 .imgbox .showinfo .count .more{width:60px;text-align:right;float:left}
  206. /*广告位--三栏--*/
  207. .index_ad3{margin: 0 auto;width: 1200px;height: auto;}
  208. .index_ad3 .ad393_70{width: 395px;height: 70px;border:1px solid #ddd;float: left;margin: 0px 7px 10px 0px;overflow: hidden;}
  209. .index_ad3 .ad393_70:nth-child(3n+0){margin-right: 0px;}
  210. .index_ad3 .ad393_70 a{display: inline-block;}
  211. .index_ad3 .ad393_70 img{width: 395px;height: 70px;}
  212. /*VIP客户*/
  213. .index_4{margin:0 auto;margin-top:35px;width:1200px;}
  214. .index_4 .nleft{width:900px;float:left}
  215. .index_4 .nleft .vipjobs{width:841px;height:420px;border:1px #eeeeee solid;padding-left:32px;padding-top:30px;position:relative}
  216. .index_4 .nleft .vipjobs .ajaxloadtxt{margin-top:170px;}
  217. .index_4 .nleft .vipjobs .comlist{width:280px;height:82px;float:left}
  218. .index_4 .nleft .vipjobs .comlist .comlogo{width:63px;height:63px;border:1px #eeeeee solid;border-radius:8px;float:left}
  219. .index_4 .nleft .vipjobs .comlist .comlogo img{width:63px;height:63px;border-radius:8px;}
  220. .index_4 .nleft .vipjobs .comlist .com{float:left;width:215px;padding-top:10px;}
  221. .index_4 .nleft .vipjobs .comlist .com .comname{width:180px;padding-left:20px;height:25px;}
  222. .index_4 .nleft .vipjobs .comlist .com .jobname_box{width:180px;padding-left:20px;height:25px;}
  223. .index_4 .nleft .vipjobs .comlist .com .jobname{color:#FF5A00;}
  224. .index_4 .nleft .vipjobs .comlist:hover .comlogo{border:1px #CCCCCC solid}
  225. .index_4 .nright{width:300px;float:left}
  226. .index_4 .nright .hotjobs{width:298px;height:262px;overflow:hidden;border:1px #eeeeee solid;position:relative}
  227. .index_4 .nright .hotjobs .ajaxloadtxt{width:80px;}
  228. .index_4 .nright .hotjobs .hjoslist{margin:0 auto;width:280px;height:87px;border-bottom:1px #dddddd dashed}
  229. .index_4 .nright .hotjobs .hjoslist .hj_l{width:140px;float:left;padding-left:10px;padding-top:20px;}
  230. .index_4 .nright .hotjobs .hjoslist .hj_r{width:110px;float:left;padding-top:20px;text-align:right;}
  231. .index_4 .nright .hotjobs .hjoslist .hj_com{width:265px;padding-left:10px;padding-top:12px;}
  232. .index_4 .nright .ad300_175{margin-top:13px;height:175px;width:300px;background-color:#F0F0F0;overflow:hidden}
  233. .index_4 .ntit{height:40PX;}
  234. .index_4 .ntit .lt{width:150px;float:left;font-size:20px;color:#333333}
  235. .index_4 .ntit .rt{width:70px;float:right;font-size:14px;padding-right:6px;padding-top:5px;}
  236. .index_4 .ntit .rt.no_change{width:auto;padding-right:30px;}
  237. .index_4 .ntit .rt.txt_right{text-align:right;}
  238. .index_4 .ntit .rt.special{padding-right:28px;}
  239. .index_4 .ntit .rt .refreshbtn{color:#333333;text-align:right;width:50px;height:25px;background-image:url(../images/122.png);background-repeat:no-repeat;cursor:pointer;padding-left:16px;background-position:0px 1px;}
  240. .index_4 .ntit .rt .refreshbtn:hover{color:#FF5A00;background-position:0px -30px;}
  241. /*最新职位*/
  242. .index_5{margin:0 auto;margin-top:35px;width:1200px;}
  243. .index_5 .ntit{height:40PX;}
  244. .index_5 .ntit .lt{width:150px;float:left;font-size:20px;color:#333333}
  245. .index_5 .ntit .rt{width:70px;float:right;font-size:14px;padding-right:6px;padding-top:5px;}
  246. .index_5 .ntit .rt .refreshbtn{color:#333333;text-align:right;width:50px;height:25px;background-image:url(../images/122.png);background-repeat:no-repeat;cursor:pointer;padding-left:16px;background-position:0px 1px;}
  247. .index_5 .ntit .rt .refreshbtn:hover{color:#FF5A00;background-position:0px -30px;}
  248. .index_5 .jobs{width:1198px;height:426px;border:1px #EEEEEE solid;position:relative}
  249. .index_5 .jobs .ajax_loading{display:none;}
  250. .index_5 .jobs .ajaxloadtxt{margin-top:170px;}
  251. .index_5.open_ajax .jobs .ajax_loading{display:block;}
  252. .index_5 .jobs .jli{width:300px;height:85px;border:1px #EEEEEE solid;position:absolute;z-index:1;background-color:#FFFFFF;}
  253. .index_5 .jobs .jli .jcom_name_box{font-size:16px;padding-left:20px;line-height:21px;margin-top:15px;}
  254. .index_5 .jobs .jli .jcom_name_box img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
  255. .index_5 .jobs .jli .jcom_name_box a{color:#333333;}
  256. .index_5 .jobs .jli .jcom_name_box .line_substring{margin-right:5px;float:left;max-width:210px;white-space:nowrap;_white-space:normal;_width:210px;_height:21px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
  257. .index_5 .jobs .jli .jobs_gourp{padding:0 20px;margin-top:10px;}
  258. .index_5 .jobs .jli .jobs_gourp .a-job-icon{float:left;width:16px;height:16px;background:url(../images/218.jpg) 0 3px no-repeat;padding-top:3px;padding-right:5px;*zoom:1;}
  259. .index_5 .jobs .jli .jobs_gourp .a_job{line-height:21px;display:block;float:left;max-width:96px;padding-right:10px;white-space:nowrap;_white-space:normal;_width:96px;_height:21px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
  260. .index_5 .jobs .jli .jname{float:left;width:165px;padding-left:20px;padding-top:18px;padding-right:10px;}
  261. .index_5 .jobs .jli .jname a{color:#000000}
  262. .index_5 .jobs .jli .jtime{float:left;width:85px;padding-right:20px;padding-top:18px;text-align:right}
  263. .index_5 .jobs .jli .jtxt{padding-left:20px;line-height:200%;width:275px;padding-top:5px;}
  264. .index_5 .jobs .jli:hover{border:1px #FF5A00 solid;z-index:99;background-color:#FFFCF3;-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  265. .index_5 .jobs .jli:hover .jname a{color:#FF5A00}
  266. .index_5 .jobs .jli.j1{top:-1px;left:-1px;}
  267. .index_5 .jobs .jli.j2{top:-1px;left:300px;}
  268. .index_5 .jobs .jli.j3{top:-1px;left:600px;}
  269. .index_5 .jobs .jli.j4{top:-1px;left:900px;}
  270. .index_5 .jobs .jli.j5{top:85px;left:-1px;}
  271. .index_5 .jobs .jli.j6{top:85px;left:300px;}
  272. .index_5 .jobs .jli.j7{top:85px;left:600px;}
  273. .index_5 .jobs .jli.j8{top:85px;left:900px;}
  274. .index_5 .jobs .jli.j9{top:170px;left:-1px;}
  275. .index_5 .jobs .jli.j10{top:170px;left:300px;}
  276. .index_5 .jobs .jli.j11{top:170px;left:600px;}
  277. .index_5 .jobs .jli.j12{top:170px;left:900px;}
  278. .index_5 .jobs .jli.j13{top:255px;left:-1px;}
  279. .index_5 .jobs .jli.j14{top:255px;left:300px;}
  280. .index_5 .jobs .jli.j15{top:255px;left:600px;}
  281. .index_5 .jobs .jli.j16{top:255px;left:900px;}
  282. .index_5 .jobs .jli.j17{top:340px;left:-1px;}
  283. .index_5 .jobs .jli.j18{top:340px;left:300px;}
  284. .index_5 .jobs .jli.j19{top:340px;left:600px;}
  285. .index_5 .jobs .jli.j20{top:340px;left:900px;}
  286. /*红包职位*/
  287. .al-job .ntit .lt{padding-left:23px;width:127px;background:url(../images/216.png) 0 4px no-repeat;}
  288. .al-job .ntit .rt{width:500px;float:right;font-size:14px;padding-right:6px;padding-top:5px;text-align:right;}
  289. .al-job .ntit .al-txt{padding-right:20px;color:#ff0000;}
  290. .al-job .jobs{width:1201px;height:426px;border:1px #EEEEEE solid;position:relative;}
  291. .al-job .jobs .jli .jcom_name_box{font-size:16px;padding-left:20px;line-height:21px;margin-top:15px;position:relative;}
  292. .al-job .jobs .jli .jcom_name_box .j-n-money{position:absolute;top:1px;right:20px;font-size:12px;}
  293. .al-job .jobs .jli .jcom_name_box .j-n-money .j-m-l{float:left;height:20px;line-height:20px;background:#ff0000;color:#FFF;padding:0 5px;}
  294. .al-job .jobs .jli .jcom_name_box .j-n-money .j-m-r{float:left;padding:0 5px;height:18px;line-height:18px;border:1px solid #ff0000;background:#FFF;color:#ff0000;}
  295. .al-job .jobs .jli .jcom_name_box .line_substring{margin-right:5px;float:left;max-width:140px;white-space:nowrap;_white-space:normal;_width:140px;_height:21px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;color:#FF5A00;}
  296. .al-job .jobs .jli .jobs_gourp .a_job{line-height:21px;display:block;float:left;max-width:210px;padding-right:10px;white-space:nowrap;_white-space:normal;_width:210px;_height:21px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
  297. /*推荐简历*/
  298. .index_6{margin:0 auto;margin-top:35px;width:1200px;}
  299. .index_6 .ntit{height:40PX;}
  300. .index_6 .ntit .lt{width:150px;float:left;font-size:20px;color:#333333}
  301. .index_6 .ntit .rt{width:70px;float:right;font-size:14px;padding-right:6px;padding-top:5px;}
  302. .index_6 .ntit .rt .refreshbtn{color:#333333;text-align:right;width:50px;height:25px;background-image:url(../images/122.png);background-repeat:no-repeat;cursor:pointer;padding-left:16px;background-position:0px 1px;}
  303. .index_6 .ntit .rt .refreshbtn:hover{color:#FF5A00;background-position:0px -30px;}
  304. .index_6_p{margin:0 auto;width:1230px;position:relative;height:245px;}
  305. .index_6_p .rlist{width:228px;float:left;padding-left:15px;}
  306. .index_6_p .rlist .li{width:226px;border:1px #eeeeee solid;height:243px;background-color:#FFFFFF;position:relative;cursor:pointer;border-radius:5px;overflow:hidden;}
  307. .index_6_p .rlist .li .photo-blur{width:226px;height:90px;overflow:hidden;}
  308. .index_6_p .rlist .li .photo-blur .p-blur{margin-top:-110px;filter:url(blur.svg#blur);-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);}
  309. .index_6_p .rlist .li:hover{border:1px #FF5A00 solid;background-color:#FFFCF3;-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  310. .index_6_p .rlist .li:hover .name a{color:#FF5A00}
  311. .index_6_p .rlist .li .photo{width:82px;height:82px;border-radius:82px;border:3px #eeeeee solid;position:absolute;top:25px;left:69px;overflow:hidden;z-index:1;}
  312. .index_6_p .rlist .li .photo img{width:82px;height:82px;border-radius:82px;border-radius:82px;border:0px;}
  313. .index_6_p .rlist .li .name{font-size:18px;text-align:center;margin-top:40px;height:36px;}
  314. .index_6_p .rlist .li .name a{color:#000000}
  315. .index_6_p .rlist .li .txt{line-height:200%;text-align:center;}
  316. .index_6_p .rlist .li .txt .ijobs{width:206px;margin:0 auto;height:28px;line-height:28px;padding:0 10px;}
  317. .index_6_p .rlist .li:hover .txt .ijobs{width:206px;margin:0 auto;height:28px;line-height:28px;padding:0 10px;}
  318. /*资讯*/
  319. .index_7{margin:0 auto;margin-top:35px;width:1200px;}
  320. .index_7 .ntit{height:40px;}
  321. .index_7 .ntit .lt{width:150px;float:left;font-size:20px;color:#333333}
  322. .index_7 .ntit .rt{width:70px;float:right;font-size:14px;text-align:right;padding-right:6px;padding-top:5px;}
  323. .index_7 .nl{width:898px;height:325px;border:1px #eeeeee solid;float:left}
  324. .index_7 .nl .topnavbg{height:50px;width:898px;border-bottom:1px #eeeeee solid;position:relative;}
  325. .index_7 .nl .topnav{padding-left:15px;position:absolute;height:51px;left:0px;top:0px;}
  326. .index_7 .nl .topnav .tl{float:left;padding-left:20px;padding-right:20px;margin-right:10px;height:50px;border-bottom:1px #eeeeee solid;line-height:50px;font-size:16px;cursor:pointer;color:#333333}
  327. .index_7 .nl .topnav .tl:hover{color:#000000;border-bottom:2px #CCCCCC solid;height:49px;}
  328. .index_7 .nl .topnav .tl.select{color:#000000;border-bottom:2px #FF5A00 solid;height:49px;}
  329. .index_7 .nl .newsbox{width:898px;height:276px;position:relative;}
  330. .index_7 .nl .newsbox .imgnews{width:276px;float:left;margin-top:35px;}
  331. .index_7 .nl .newsbox .imgnews .imgs{width:215px;height:170px;margin:0 auto;}
  332. .index_7 .nl .newsbox .imgnews .imgs img{max-width:215px;max-height:170px;border:0;}
  333. .index_7 .nl .newsbox .imgnews .txt{margin:0 auto;width:215px;text-align:center;padding-top:12px;}
  334. .index_7 .nl .newsbox .txtnews{width:622px;float:left;margin-top:25px;}
  335. .index_7 .nl .newsbox .txtnews .nlist{float:left;width:283px;padding-right:16px;height:31px;line-height:31px;background-image:url(../images/123.png);background-repeat:no-repeat;background-position:0px 15px;padding-left:12px;}
  336. .index_7 .nr{width:299px;border:1px #eeeeee solid;border-left-width:0px;border-top-width:2px;height:324px;float:left;position:relative}
  337. .index_7 .nr .newstab{width:299px;height:50px;position:absolute;left:0px;top:-2px;}
  338. .index_7 .nr .newstab .newstli{padding-left:20px;padding-right:20px;float:left;height:50px;line-height:50px;border-top:2px #eeeeee solid;font-size:16px;cursor:pointer}
  339. .index_7 .nr .newstab .newstli.select{border-top:2px #FF5A00 solid;color:#FF5A00}
  340. .index_7 .nr .news_showtabs{display:none;margin-top:44px;}
  341. .index_7 .nr .news_showtabs.show{display:block}
  342. .index_7 .nr .news_showtabs .tlist{width:240px;height:30px;line-height:30px;padding-left:25px;padding-left:20px;}
  343. .index_7 .nr .news_showtabs .tlist .sort1_3{margin-right:8px;padding:2px 5px;background-color:#FF5A00;color:#FFFFFF;font-size:8px;font-family:Arial;line-height:7px;font-weight:100}
  344. .index_7 .nr .news_showtabs .tlist .sort4_9{margin-right:8px;padding:2px 5px;background-color:#CCCCCC;color:#FFFFFF;font-size:8px;font-family:Arial;line-height:7px;font-weight:100}
  345. /*友情链接*/
  346. .index_8{margin:0 auto;margin-top:35px;width:1200px;}
  347. .index_8 .ntit{height:40px;}
  348. .index_8 .ntit .lt{width:150px;font-size:20px;color:#333333}
  349. .index_8 .links{border:1px #EEEEEE solid;width:1183px;padding-top:25px;padding-bottom:10px;padding-left:15px;}
  350. .index_8 .links .imglink{width:148px;height:50px;border:1px #EEEEEE solid;margin-left:17px;float:left;margin-bottom:17px;}
  351. .index_8 .links .imglink:hover{border-color:#cccccc}
  352. .index_8 .links .imglink img{border:0px;width:148px;height:50px;}
  353. .index_8 .links .txtlink{float:left;height:30px;padding:0 17px;}
  354. /*地图找工作*/
  355. .map-show{width:960px;height:530px;background:#FFF;}
  356. .map-show .ms-top{height:60px;line-height:60px;width:100%;}
  357. .map-show .ms-box{position:relative;overflow:hidden;}
  358. .map-show .ms-box .search-panel{position:absolute;left:447px;top:50px;pointer-events:none;z-index:5;*zoom:1;}
  359. .map-show .ms-box .search-panel .sea-box{border-radius:2px;width:386px;position:relative;z-index:5;*zoom:1;}
  360. .search-panel .sea-box .sea-container{z-index:2;pointer-events:auto;width:329px;float:left;box-shadow:1px 4px 6px rgba(0,0,0,.25);}
  361. .search-panel .sea-box .search-button{pointer-events:auto;background:url(../images/201.png) no-repeat 0 -76px #3385ff;width:57px;height:38px;float:left;border:0;padding:0;cursor:pointer;border-radius:0 2px 2px 0;box-shadow:1px 4px 6px rgba(0,0,0,.25);z-index:5;*zoom:1;}
  362. .search-panel .sea-box .search-button:hover{background-color:#2e77e5}
  363. .search-panel .sea-box .sea-container .sea-content{width:329px;height:38px;border-radius:2px 0 0 2px;background:#fff;}
  364. .sea-container .sea-content .sole-input{border:0;line-height:38px;font-size:14px;height:38px;color:#333;border-radius:2px 0 0 2px;padding-left:12px;float:left;width:317px;}
  365. .map-show .ms-box .done-group{position:absolute;left:475px;bottom:20px;width:350px;height:75px;background:rgba(0,0,0,.5);-pie-background:rgba(0,0,0,.5);z-index:5;*zoom:1;}
  366. .ms-box .done-group .btn-group{position:relative;padding-top:21px;padding-left:50px;z-index:5;*zoom:1;}
  367. .done-group .btn-group .c-btn{width:90px;height:34px;line-height:34px;cursor:pointer;text-align:center;float:left;z-index:5;*zoom:1;}
  368. .done-group .btn-group .c-btn.gre-btn{margin-right:65px;*zoom:1;}
  369. .map-show .ms-box .mb-left{width:320px;height:530px;float:left;}
  370. .map-show .ms-box .mb-left .mb-title{width:300px;height:48px;line-height:48px;padding-left:20px;color:#FFF;background:#52adf7;font-size:16px;*zoom:1;}
  371. .map-show .ms-box .mb-li li{display:block;width:320px;height:36px;cursor:pointer;font-size:12px;*zoom:1;}
  372. .map-show .ms-box .mb-li li .tit{float:left;height:36px;line-height:36px;padding-left:45px;background:url(../images/200.png) 20px 12px no-repeat;color:#333;*zoom:1;}
  373. .map-show .ms-box .mb-li li .adr{float:left;height:36px;line-height:36px;padding-left:15px;color:#666;*zoom:1;}
  374. .map-show .ms-box .mb-li li:hover{background:#ebebeb;}
  375. .map-show .ms-box .mb-left li a:hover{text-decoration:underline;}
  376. .map-show .ms-box .mb-right{width:625px;height:530px;margin-left:15px;float:left;*zoom:1;}
  377. .map-search{float:left;width:413px;height:40px;background-color:#fff;border:1px solid #ededed;}
  378. .map-search .map-search-input{height:40px;border:none;outline:0;padding-left:13px;width:400px;font-size:16px;}
  379. .tangram-suggestion-main{z-index:9999;}
  380. /*新首页 zjf*/
  381. .ni-top-group{position:relative;overflow:hidden;width:100%;height:500px;background:#000;margin-bottom:-190px;*zoom:1;}
  382. .ni-top-video{position:absolute;left:0;bottom:0px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;width:100%;height:300px;}
  383. .ni-top-group.bim{width:100%;height:500px;background-color:#000;background-image:url(../images/nibanner.jpg);background-repeat:no-repeat;background-position:center center;}
  384. .ni-top-group.bim .ni-top-video{display:none;}
  385. .ni-top-group .ni-top-container{width:1200px;height:500px;margin:0 auto;position:relative;}
  386. .ni-top-group .ni-top-container .ni-top-left{width:824px;height:500px;margin:0 auto;}
  387. .ni-top-container .ni-top-left .main-sxt{width:824px;height:90px;line-height:80px;padding-top:40px;text-align:center;color:#FFF;font-size:46px;font-family:"黑体","microsoft yahei";}
  388. .ni-top-left .main-sxt .fbg{font-size:60px;}
  389. .ni-top-container .ni-top-left .main-sty{height:56px;}
  390. .ni-top-left .main-sty .sty-cell{text-align:center;width:70px;height:56px;line-height:56px;float:left;position:relative;color:#bbbcbe;cursor:pointer;}
  391. .main-sty .sty-cell .sty-aow{display:none;width:16px;height:16px;background:url(../images/225.png) -8px -2px;position:absolute;left:27px;bottom:0;}
  392. .ni-top-left .main-sty .sty-cell:hover,.ns-main .main-sty .sty-cell.select{color:#FFF;}
  393. .ni-top-left .main-sty .sty-cell.select .sty-aow{display:block;}
  394. .new-search-box .ns-main .main-sip{height:56px;width:824px;}
  395. .ni-top-left .main-sip .ip-group{background:#FFF;height:56px;width:824px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;*zoom:1;-webkit-box-shadow:0px 1px 5px 1px rgba(93,91,91,0.83);-moz-box-shadow:0px 1px 5px 1px rgba(93,91,91,0.83);box-shadow:0px 1px 5px 1px rgba(93,91,91,0.83);}
  396. .ni-top-left .main-sip .ip-box{float:left;padding-top:10px;width:680px;padding-left:17px;*zoom:1;}
  397. .main-sip .ip-box input{width:670px;height:36px;line-height:36px;border:0px;}
  398. .ni-top-left .main-sip .for-border{float:left;width:1px;height:36px;background:#e6e6e6;margin-top:10px;*zoom:1;}
  399. .ni-top-left .main-sip .ip-city{float:left;width:115px;height:56px;line-height:56px;text-align:center;color:#999;cursor:pointer;}
  400. .ni-top-left .main-sip .ip-btn{float:left;width:127px;height:56px;}
  401. .main-sip .ip-btn input{background-color:#00ae66;font-size:18px;text-align:center;width:127px;height:56px;line-height:56px;border:0px;color:#FFFFFF;cursor:pointer;border-radius:0px 5px 5px 0px;}
  402. .main-sip .ip-btn input.hover{background:#01a360;}
  403. .ni-top-left .sip-sco .ip-bup{display:block;float:left;height:56px;line-height:56px;color:#FFF;text-decoration:none;background:url(../images/239.png) 0 18px no-repeat;padding-left:25px;}
  404. .ni-top-left .sip-sco .ip-bup:hover{text-decoration:underline;}
  405. .sco-box{float:left;width:710px;height:18px;margin-top:19px;line-height:18px;overflow:hidden;font-size:14px;*zoom:1;}
  406. .sco-box .log-s-line{color:#FFF;height:18px;line-height:18px;}
  407. .sco-box .log-s-line a{color:#fff;text-decoration:underline;}
  408. .sco-box .log-s-line a:hover{text-decoration:underline;}
  409. .sco-box .log-s-line .lsl-left{max-width:600px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;color:#FFF;}
  410. .sco-box .log-s-line .lsl-right{float:left;color:#00cc00;padding-left:10px;}
  411. .ni-top-right{float:right;}
  412. .ni-top-right .rightlist{z-index:2;width:300px;height:300px;background:url(../images/238.png);font-size:12px;}
  413. .ni-top-right .rightlist .loninbox{height:280px;padding-top:20px;padding-left:30px;}
  414. .ni-top-right .rightlist .loninbox .photo{width:70px;height:70px;float:left;}
  415. .ni-top-right .rightlist .loninbox .photo img{width:70px;height:70px;border-radius:80px;border:0;}
  416. .ni-top-right .rightlist .photo-txt{float:left;padding-left:15px;padding-top:9px;font-size:14px;color:#fff;*zoom:1;}
  417. .ni-top-right .rightlist .log-btn-group .log-b{display:block;float:left;width:106px;height:38px;line-height:38px;text-align:center;color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:14px;text-decoration:none;}
  418. .ni-top-right .rightlist .lbb-split-h-split-12{width:12px;height:38px;float:left;}
  419. .ni-top-right .rightlist .lbb-split-h-split-26{width:26px;height:38px;float:left;}
  420. .ni-top-right .rightlist .log-btn-group .log-b.b1{background:#00ae66;}
  421. .ni-top-right .rightlist .log-btn-group .log-b.b1:hover{background:#01a360;}
  422. .ni-top-right .rightlist .log-btn-group .log-b.b2{background:#2b81d8;}
  423. .ni-top-right .rightlist .log-btn-group .log-b.b2:hover{background:#2a7acc;}
  424. .ni-top-right .rightlist .photo-txt .hi{width:150px;height:20px;}
  425. .ni-top-right .rightlist .bantittab{width:210px;margin:0 auto;height:30px;background-image:url(../images/11.png);background-repeat:repeat-x;background-position:bottom;margin-top:10px;}
  426. .ni-top-right .rightlist .bantittab .tli{float:left;width:45px;height:30px;line-height:30px;text-align:center;margin-right:15px;cursor:pointer;}
  427. .ni-top-right .rightlist .bantittab .tli.hover{color:#113370;background-color:#F5F5F5}
  428. .ni-top-right .rightlist .bantittab .tli.select{height:28px;line-height:28px;border-bottom:2px #113370 solid;}
  429. .ni-top-right .rightlist .ban_r_showtabs{display:none;padding-left:20px;padding-top:8px;}
  430. .ni-top-right .rightlist .ban_r_showtabs li{padding-right:20px;width:210px;height:25px;line-height:25px;}
  431. .bic-split-13{width:100%;height:13px;}
  432. .bic-split-15{width:100%;height:15px;}
  433. .bic-split-18{width:100%;height:18px;}
  434. .bic-split-23{width:100%;height:23px;}
  435. .bic-split-35{width:100%;height:35px;}
  436. .log-sp-wl{width:240px;height:1px;background:rgba(255,255,255,.3);}
  437. .log-scroll-group{width:240px;height:104px;overflow:hidden;}
  438. .log-scroll-group .log-s-line{height:26px;line-height:26px;}
  439. .log-scroll-group .log-s-line .lsl-left{width:200px;float:left;color:#FFF;font-size:12px;}
  440. .log-scroll-group .log-s-line .lsl-right{float:right;color:#e8d741;}
  441. .ni-m-container{width:1200px;margin:0 auto;background:#FFF;position:relative;}
  442. /*新格子广告位*/
  443. .im-a-group{margin:0 auto;width:1202px;padding:28px 28px 10px 28px;position:relative;background:#f6f6f6;}
  444. .im-a-group .im-a-cell{float:left;width:218px;height:156px;margin-top:28px;margin-right:28px;}
  445. .im-a-group .im-a-cell .imgbox{width:216px;height:154px;border:1px #EEEEEE solid;position:relative;}
  446. .im-a-group .im-a-cell .imgbox img{width:216px;height:154px;border:0px;}
  447. .im-a-group .im-a-cell .imgbox .showinfo{display:none;width:214px;position:absolute;left:-1px;top:-1px;border:2px #FF5A00 solid;z-index:5;-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  448. .im-a-group .im-a-cell.hover .imgbox .showinfo{display:block;}
  449. .im-a-group .im-a-cell .imgbox .showinfo .comname{margin-top:154px;width:199px;font-size:12px;background-color:#FFFFFF;height:30px;padding-top:10px;padding-left:15px;}
  450. .im-a-group .im-a-cell .imgbox .showinfo .jobslist{background-image:url(../images/117.png);background-repeat:repeat-y;background-position:20px 0px;background-color:#FFFFFF;font-size:12px;padding-bottom:5px;}
  451. .im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli{height:22px;line-height:22px;width:226px;padding-left:30px;padding-right:10px;background-image:url(../images/117.png);background-repeat:no-repeat;background-position:-277px 7px;}
  452. .im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli:hover{background-position:-277px -21px;}
  453. .im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli:hover a{color:#FF5A00}
  454. .im-a-group .im-a-cell .imgbox .showinfo .count{width:214px;height:25px;background-color:#FFFFFF;font-size:12px;padding-top:10px;}
  455. .im-a-group .im-a-cell .imgbox .showinfo .count .v{width:92px;float:left;padding-left:15px;color:#000000}
  456. .im-a-group .im-a-cell .imgbox .showinfo .count .more{width:60px;text-align:right;float:left}
  457. .im-a-group .im-a-cell.c1,.im-a-group .im-a-cell.c2,.im-a-group .im-a-cell.c3,.im-a-group .im-a-cell.c4,.im-a-group .im-a-cell.c5{margin-top:0;}
  458. .im-a-group .im-a-cell.c5,.im-a-group .im-a-cell.c10,.im-a-group .im-a-cell.c15,.im-a-group .im-a-cell.c16{margin-right:0;}
  459. /*急聘*/
  460. .hiring-job{float:left;width:918px;height:355px;border:1px solid #edebeb;}
  461. .hj-top .hj-top-left{float:left;padding-left:52px;height:60px;line-height:60px;font-size:16px;color:#f51c00;background:url(../images/228.png) 22px 17px no-repeat;}
  462. .hj-top .hj-top-right{float:right;padding-right:18px;height:60px;line-height:60px;}
  463. .hiring-job .hj-main{width:880px;padding-left:20px;}
  464. .hiring-job .hj-main .hj-main-cell{float:left;width:236px;margin-right:20px;margin-bottom:25px;padding-left:31px;}
  465. .hj-main-line{width:236px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  466. .hj-line-jn{float:left;width:145px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  467. .hj-line-jn a{color:#333;text-decoration:none;}
  468. .hj-line-jn a:hover{color:#ff4129;text-decoration:underline;}
  469. .hj-line-wa{float:right;color:#ff5c14;}
  470. .hj-spl{width:100%;height:13px;}
  471. /*本周热门*/
  472. .hot-job{float:left;width:279px;height:355px;border:1px solid #edebeb;border-left:0;}
  473. .ht-top .ht-top-left{float:left;padding-left:18px;height:60px;line-height:60px;font-size:16px;color:#f51c00;}
  474. .ht-top .ht-top-right{float:right;padding-right:18px;height:60px;line-height:60px;}
  475. .hot-job .ht-main{padding-left:21px;}
  476. .hot-job .ht-main .ht-main-cell{width:238px;padding-bottom:10px;margin-bottom:15px;border-bottom:1px dashed #e2e2e2;}
  477. .hot-job .ht-main .ht-main-cell.c4{border-bottom:0;}
  478. .ht-main-line{width:238px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  479. .ht-line-jn{float:left;width:158px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  480. .ht-line-jn a{color:#333;text-decoration:none;}
  481. .ht-line-jn a:hover{color:#ff4129;text-decoration:underline;}
  482. .ht-line-wa{float:right;color:#333;}
  483. .ht-spl{width:100%;height:13px;}
  484. /*名企*/
  485. .vip-com-group{width:1198px;height:231px;margin:0 auto;border:1px solid #edebeb;position:relative;background:#FFF;}
  486. .out-flag{display:block;position:absolute;top:-1px;right:-27px;width:26px;height:89px;padding-top:10px;font-size:13px;color:#FFF;background:url(../images/230.png) no-repeat;text-align:center;line-height:16px;text-decoration:none;}
  487. .out-flag.f3{padding-top:23px;}
  488. .vip-com-group .vip-com-icon{float:left;width:218px;height:149px;padding-top:82px;background:url(../images/229.png) no-repeat;border-right:1px solid #edebeb;*zoom:1;}
  489. .vip-com-icon .vci-tb{width:154px;height:53px;line-height:53px;margin:0 auto;color:#FFF;font-size:30px;background:#feba27;border:2px solid #FFF;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  490. .vip-com-ig{float:left;width:979px;}
  491. .vip-com-ig .vip-com-cell{display:block;float:left;width:139px;height:98px;padding-top:17px;line-height:115px;border-right:1px solid #edebeb;border-bottom:1px solid #edebeb;text-align:center;cursor:pointer;}
  492. .vip-com-ig .vip-com-cell:hover{-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  493. .vip-com-ig .vip-com-cell.c7{border-right:0;}
  494. .vip-com-ig .vip-com-cell.c8{border-bottom:0;}
  495. .vip-com-ig .vip-com-cell.c9{border-bottom:0;}
  496. .vip-com-ig .vip-com-cell.c10{border-bottom:0;}
  497. .vip-com-ig .vip-com-cell.c11{border-bottom:0;}
  498. .vip-com-ig .vip-com-cell.c12{border-bottom:0;}
  499. .vip-com-ig .vip-com-cell.c13{border-bottom:0;}
  500. .vip-com-ig .vip-com-cell.c14{border-right:0;border-bottom:0;}
  501. .vip-com-ig .vip-com-cell img{width:80px;height:80px;border:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
  502. /*红包职位 最新职位 最新简历*/
  503. .some-job-group{width:1198px;height:451px;margin:0 auto;border:1px solid #edebeb;position:relative;background:#FFF;}
  504. .some-job-group .some-job-icon{float:left;width:218px;height:451px;border-right:1px solid #edebeb;background:url(../images/231.png) no-repeat;}
  505. .some-job-group.alo{border-top:1px solid #a652e8;}
  506. .some-job-group.new-job{border-top:1px solid #ff733e;}
  507. .some-job-group.new-job .some-job-icon{background:url(../images/232.png) no-repeat;}
  508. .some-job-group.new-resume{border-top:1px solid #3bdcb1;}
  509. .some-job-group.new-resume .some-job-icon{background:url(../images/233.png) no-repeat;}
  510. .some-job-group.news{border-top:1px solid #01c8e0;}
  511. .some-job-group.news .some-job-icon{background:url(../images/234.png) no-repeat;border-right:0;}
  512. .some-job-group .some-job-jg{float:left;width:979px;height:451px;position:relative;}
  513. .some-job-jg .ajax_loading .ajaxloadtxt{margin-top:191px;}
  514. .some-job-group.open-ajax .ajax_loading{display:block;}
  515. .some-job-jg .sjj-cell{float:left;width:489px;height:112px;border-bottom:1px solid #edebeb;border-right:1px solid #edebeb;}
  516. .some-job-jg .sjj-cell:hover{-moz-box-shadow:0px 0px 10px #CCCCCC;/*firefox*/-webkit-box-shadow:0px 0px 10px #CCCCCC;/*safari或chrome*/box-shadow:0px 0px 10px #CCCCCC;/*opera或ie9*/}
  517. .some-job-jg .sjj-cell.a2{border-right:0;}
  518. .some-job-jg .sjj-cell.a4{border-right:0;}
  519. .some-job-jg .sjj-cell.a6{border-right:0;}
  520. .some-job-jg .sjj-cell.a7{border-bottom:0;}
  521. .some-job-jg .sjj-cell.a8{border-right:0;border-bottom:0;}
  522. .some-job-jg .sjj-cell-left{float:left;width:353px;padding-left:25px;padding-top:16px;*zoom:1;}
  523. .alo .some-job-jg .sjj-cell{padding-left:15px;width:474px;}
  524. .alo .some-job-jg .sjj-cell-left{padding-left:15px;}
  525. .sjj-cell-left .sj-cn{width:353px;height:26px;line-height:26px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  526. .sjj-cell-left .sj-cn a{color:#333;text-decoration:none;}
  527. .sjj-cell-left .sj-cn a:hover{color:#ff4129;text-decoration:underline;}
  528. .sj-line{line-height:1;}
  529. .c-sp-9{width:100%;height:9px;}
  530. .c-sp-14{width:100%;height:14px;}
  531. .sjj-cell-right{float:left;width:100px;height:96px;padding-top:16px;text-align:center;}
  532. .sjj-cell-right img{display:inline-block;*display:inline;*zoom:1;width:80px;height:80px;border:0;vertical-align:middle;}
  533. .some-job-group.alo .sjj-cell-right .alo-num{display:inline-block;*display:inline;*zoom:1;width:63px;height:81px;line-height:50px;background:url(../images/237.png) no-repeat;color:#FFF;}
  534. .some-more{position:absolute;left:34px;bottom:43px;width:145px;height:37px;line-height:37px;border:1px solid #FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#FFF;text-align:center;font-size:16px;text-decoration:none;}
  535. .alo .some-more:hover{background:#FFF;color:#666fe7;}
  536. .new-job .some-more:hover{background:#FFF;color:#ff5d3d;}
  537. .new-resume .some-more:hover{background:#FFF;color:#1cb58c;}
  538. .news .some-more:hover{background:#FFF;color:#1684e3;}
  539. .some-job-group.new-resume .sjj-cell-right img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
  540. .new-cate-group{float:left;width:690px;height:451px;border-right:1px solid #edebeb;}
  541. .new-cate-group .ncg-top{width:670px;padding-left:20px;height:50px;overflow:hidden;border-bottom:1px solid #edebeb;}
  542. .new-cate-group .ncg-top .ncg-top-cell{float:left;cursor:pointer;font-size:16px;color:#444;padding:0 22px;height:50px;line-height:50px;}
  543. .new-cate-group .ncg-top .ncg-top-cell:hover,.new-cate-group .ncg-top .ncg-top-cell.select{color:#ff4129;}
  544. .ncg-con-group{padding-left:27px;padding-top:27px;width:663px;height:373px;position:relative;}
  545. .ncg-con-group .ajax_loading .ajaxloadtxt{background-image:url(../images/loading.gif);background-repeat:no-repeat;background-position:center 5px;width:150px;height:28px;background-color:#FFFFFF;text-align:center;margin:0 auto;padding-top:40px;margin-top:152px;font-size:12px;}
  546. .ncg-con-group .ncg-con-left{float:left;width:230px;}
  547. .ncg-con-group .ncg-con-left .ncg-img-cell{width:174px;text-align:center;margin-bottom:10px;*zoom:1;}
  548. .ncg-con-left .ncg-img-cell .img-b{width:172px;height:124px;border:1px solid #eae7e4;}
  549. .ncg-con-left .ncg-img-cell .img-b img{width:172px;height:124px;border:0;}
  550. .ncg-con-left .ncg-img-cell .img-t{width:172px;height:46px;line-height:46px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  551. .ncg-img-cell .img-t a{color:#444;text-decoration:none;}
  552. .ncg-img-cell .img-t a:hover{color:#ff6600;text-decoration:underline;}
  553. .ncg-con-group .ncg-con-right{float:left;width:412px;}
  554. .ncg-con-group .ncg-con-right .ncr-line{height:18px;line-height:18px;margin-bottom:18px;*zoom:1;}
  555. .ncg-con-right .ncr-line .ncr-line-left{float:left;width:300px;padding-left:18px;height:18px;line-height:18px;background:url(../images/235.png) 0 7px no-repeat;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  556. .ncr-line .ncr-line-left a{color:#444;text-decoration:none;}
  557. .ncr-line .ncr-line-left a:hover{color:#ff6600;text-decoration:underline;}
  558. .ncg-con-right .ncr-line .ncr-line-right{float:right;color:#999;}
  559. .new-hot-group{float:left;width:269px;}
  560. .new-hot-group .new-hot-top{width:269px;padding-left:20px;height:50px;line-height:50px;font-size:16px;border-bottom:1px solid #edebeb;}
  561. .new-hot-group .nhg-line-con{width:269px;padding-left:20px;padding-top:27px;}
  562. .new-hot-group .nhg-line-con .nhg-line{height:18px;line-height:18px;margin-bottom:18px;*zoom:1;}
  563. .nhg-line-con .nhg-line .nhg-line-left{float:left;font-size:10px;width:16px;height:16px;line-height:16px;text-align:center;background:#d5d5d5;margin-right:18px;margin-top:1px;color:#FFF;*zoom:1;}
  564. .nhg-line-con .nhg-line .nhg-line-left.n1{background:#ff6d3a;}
  565. .nhg-line-con .nhg-line .nhg-line-left.n2{background:#02c6e0;}
  566. .nhg-line-con .nhg-line .nhg-line-left.n3{background:#38deb1;}
  567. .nhg-line-con .nhg-line .nhg-line-right{float:left;width:224px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  568. .nhg-line .nhg-line-right a{color:#444;text-decoration:none;}
  569. .nhg-line .nhg-line-right a:hover{color:#ff6600;text-decoration:underline;}
  570. body{background:#f6f6f6;margin-bottom:0;}
  571. .fri-links-group{margin:0 auto;margin-top:18px;width:1200px;}
  572. .fri-links-group .fl-tit{height:40px;}
  573. .fri-links-group .fl-tit .lt{width:150px;font-size:20px;color:#333333;line-height:1;}
  574. .fri-links-group .fri-links-con{border:1px #edebeb solid;width:1183px;padding-top:25px;padding-bottom:10px;padding-left:15px;background:#FFF;}
  575. .fri-links-group .fri-links-con .img-link{width:148px;height:50px;border:1px #EEEEEE solid;margin-left:17px;float:left;margin-bottom:17px;}
  576. .fri-links-group .fri-links-con .img-link:hover{border-color:#cccccc}
  577. .fri-links-group .fri-links-con .img-link img{border:0px;width:148px;height:50px;}
  578. .fri-links-group .fri-links-con .txt-link{float:left;height:30px;padding:0 17px;}
  579. /*广告位通栏*/
  580. .im12_80{margin:0 auto;margin-top:18px;width:1200px;height:80px;position:relative;background:#FFF;}
  581. .im12_80 img{width:1200px;height:80px;border:0px;}
  582. .im12_80 img:hover{color:#FF5A00;background-position:-271px -15px;}
  583. .index-footer-passage p{ margin:0 auto; position: relative; text-align: center; }
  584. .index-footer-passage{text-align: center}