index_new2.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979
  1. /*遮罩*/
  2. body{
  3. position:relative;
  4. }
  5. .index_cover{
  6. position:absolute;
  7. left:0;
  8. top:0;
  9. width:100%;
  10. height:100%;
  11. background:rgba(0,0,0,.7);
  12. z-index:99999;
  13. }
  14. .index_cover .wide{
  15. position:relative;
  16. }
  17. .index_cover .wide .cover_content{
  18. position:absolute;
  19. right:-177px;
  20. top:0;
  21. width:506px;
  22. }
  23. .index_cover .wide .cover_content .guide_txt{
  24. width:506px;
  25. height:359px;
  26. background:url(../images/index/cover_guide_txt.png) no-repeat center;
  27. }
  28. .index_cover .wide .cover_content .guide_btn{
  29. width:102px;
  30. height:44px;
  31. background:url(../images/index/cover_guide_btn.png) no-repeat center;
  32. margin-left:130px;
  33. }
  34. .index_cover .wide .cover_content .guide_btn:hover{
  35. cursor: pointer;
  36. }
  37. /*浮动二维码*/
  38. .index_floatmenu{position:fixed;bottom:140px;left:15px;z-index:5000; border-radius:6px;font-size:14px;
  39. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  40. -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  41. box-shadow: 0 0 10px rgba(0,0,0,.2);
  42. }
  43. .index_floatmenu .float_box{ border:1px solid #ddd;text-align:center;padding: 10px 5px; background-color:#fff; }
  44. .index_floatmenu .float_box p{ font-size:12px;}
  45. .index_floatmenu .float_box img{width:76px;}
  46. .index_floatmenu .menu_content{position:relative;}
  47. .index_floatmenu .menu_close{opacity:0.9;cursor:pointer;position:absolute;top:-12px;right:-12px;width: 24px;height: 24px;margin: 0 auto; background: url("../images/71.png") no-repeat;background-position: 2px 2px;}
  48. .index_floatmenu .menu_close:hover{opacity:1;}
  49. .wide *{
  50. -webkit-box-sizing: border-box;
  51. -moz-box-sizing: border-box;
  52. box-sizing: border-box;
  53. }
  54. /*导航*/
  55. .home_logo_nav{
  56. height:90px;
  57. overflow:hidden;
  58. min-width:1200px;
  59. }
  60. .home_logo_nav .logobox{
  61. padding-top:16px;
  62. float:left;
  63. }
  64. .home_logo_nav .logobox img{
  65. height:58px;
  66. }
  67. .home_logo_nav .home_navlist{
  68. float:left;
  69. height:90px;
  70. margin-left:40px;
  71. }
  72. .home_logo_nav .home_navlist a{
  73. display:block;
  74. float:left;
  75. line-height:90px;
  76. height:90px;
  77. padding:0 13px;
  78. font-size:16px;
  79. color:#333333;
  80. position:relative;
  81. margin-right:4px;
  82. }
  83. .home_logo_nav .home_navlist a.select,.home_logo_nav .home_navlist a:hover{
  84. color:#d5000c;
  85. background-color:#fff6f6;
  86. }
  87. .home_logo_nav .home_navlist a::before{
  88. content:'';
  89. position:absolute;
  90. top:0;
  91. left:0;
  92. height:4px;
  93. width:0;
  94. background: #d5000c;
  95. }
  96. .home_logo_nav .home_navlist a.select::before,.home_logo_nav .home_navlist a:hover::before{
  97. width:100%;
  98. }
  99. .home_top{
  100. min-width:1200px;
  101. height:450px;
  102. background:url(../images/index/home_top_bg.jpg) no-repeat center;
  103. position: relative;
  104. }
  105. .home_top .top_content{
  106. position:absolute;
  107. top:70px;
  108. left:0;
  109. min-width:1200px;
  110. width:100%;
  111. }
  112. /*顶部背景*/
  113. .home_top .slide-box{ position: relative;}
  114. .home_top .slide-box.slide-container{width: 100%;height: 450px;overflow: hidden;position: relative;}
  115. .home_top .slide-box.slide-container .bd,
  116. .home_top .slide-box.slide-container ul,
  117. .home_top .slide-box.slide-container ul li,
  118. .home_top .slide-box.slide-container ul li .silde-item,
  119. .home_top .slide-box.slide-container ul li .silde-item a,
  120. .home_top .slide-box.slide-container ul li .silde-item a img{
  121. width:100%;height:100%;text-align:center
  122. }
  123. .home_top .slide-box.slide-container .silde-item a{display:block;}
  124. .home_top .slide-box.slide-container .hd{position: absolute;bottom: 40px;z-index: 99;width:100%;}
  125. .home_top .slide-box.slide-container .hd ul{text-align: center;width: 100%;}
  126. .home_top .slide-box.slide-container .hd ul li{display: inline-block;background:#fff; opacity: 1;width: 10px;height: 10px;border-radius: 10px;margin: 0 4px;cursor: pointer;}
  127. .home_top .slide-box.slide-container .hd ul li.on{background: #ef4a52;width:20px; opacity: 1;}
  128. /* 搜索*/
  129. .home_top .sobox{ width:785px; margin:0 auto;}
  130. .home_top .sobox .inputbg{ width:785px; height:50px;position:relative;border-radius: 5px;overflow:hidden; }
  131. .home_top .sobox .inputbg .selecttype,.index_head .sobox .inputbg .selecttype_down .down_list{ width:75px; height:50px; line-height:50px; padding-left:10px; padding-right:8px; font-size:13px;}
  132. .home_top .sobox .inputbg .selecttype_down .down_list{ width:74px;}
  133. .home_top .sobox .inputbg .selecttype_down{ border-color:#dd4250; top:30px;}
  134. .home_top .sobox .inputbg .inoputbox{ position:absolute;left:0px; width:668px; height:50px;}
  135. .home_top .sobox .inputbg .inoputbox input{ border:0;width:668px; height:50px; padding-left:10px; font-size:14px;}
  136. .home_top .sobox .inputbg .sobut{border:0;color:#fff; width:120px; height:50px; line-height:50px; font-size:16px; padding-left:35px; letter-spacing:3px; background:#bc2b34 url('../images/index/index_sobox_bg.png') no-repeat 25px center; position:absolute;right:0;top:0;}
  137. .home_top .sobox .inputbg .sobut:hover{ cursor:pointer;background-color: #f13a45;}
  138. .home_top .sobox-bq{margin-bottom: 3px;}
  139. .home_top .sobox-botton{width: 72px;height: 50px; border: none;font-size: 15px;background: none; font-family: "Microsoft YaHei";color: #fff;}
  140. .home_top .sobox .bottom-active{background: url(../images/index/sobox-active.png) no-repeat center 10px;color:white;;cursor: pointer}
  141. .home_top .botton-left{margin-left:-1px}
  142. .home_top .sobox button:hover{ cursor: pointer;}
  143. .home_top .top_link_box{margin-top:45px;text-align:center;}
  144. .home_top .top_link_box .link_item{
  145. display:inline-block;
  146. width:154px;
  147. height:154px;
  148. position:relative;
  149. }
  150. .home_top .top_link_box .link_item .link_bg{
  151. width:100%;
  152. height:100%;
  153. transition: all 0.3s;
  154. -moz-transition: all 0.3s;
  155. -o-transition: all 0.3s;
  156. -webkit-transition: all 0.3s;
  157. }
  158. .home_top .top_link_box .link_item:hover .link_bg{
  159. transform:rotate(180deg);
  160. -webkit-transform:rotate(180deg);
  161. -ms-transform:rotate(180deg);
  162. -o-transform:rotate(180deg);
  163. }
  164. .home_top .top_link_box .link_item.link1 .link_bg{background:url(../images/index/index_top_bg1.png) no-repeat center;}
  165. .home_top .top_link_box .link_item.link2 .link_bg{background:url(../images/index/index_top_bg2.png) no-repeat center;}
  166. .home_top .top_link_box .link_item.link3 .link_bg{background:url(../images/index/index_top_bg3.png) no-repeat center;}
  167. .home_top .top_link_box .link_item.link4 .link_bg{background:url(../images/index/index_top_bg4.png) no-repeat center;}
  168. .home_top .top_link_box .link_item.link5 .link_bg{background:url(../images/index/index_top_bg5.png) no-repeat center;}
  169. .home_top .top_link_box .link_item.link6 .link_bg{background:url(../images/index/index_top_bg6.png) no-repeat center;}
  170. .home_top .top_link_box .link_item.link7 .link_bg{background:url(../images/index/index_top_bg7.png) no-repeat center;}
  171. .home_top .top_link_box .link_item .link_txt{
  172. position:absolute;
  173. top:0;
  174. left:0;
  175. text-align: center;
  176. width:100%;
  177. height:100%;
  178. color:#fff;
  179. font-size:13px;
  180. padding-top:82px;
  181. }
  182. .home_top .top_link_box .link_item.link1 .link_txt{background:url(../images/index/index_top_icon1.png) no-repeat center 30px;}
  183. .home_top .top_link_box .link_item.link2 .link_txt{background:url(../images/index/index_top_icon2.png) no-repeat center 30px;}
  184. .home_top .top_link_box .link_item.link3 .link_txt{background:url(../images/index/index_top_icon3.png) no-repeat center 30px;}
  185. .home_top .top_link_box .link_item.link4 .link_txt{background:url(../images/index/index_top_icon4.png) no-repeat center 30px;}
  186. .home_top .top_link_box .link_item.link5 .link_txt{background:url(../images/index/index_top_icon5.png) no-repeat center 30px;}
  187. .home_top .top_link_box .link_item.link6 .link_txt{background:url(../images/index/index_top_icon6.png) no-repeat center 30px;}
  188. .home_top .top_link_box .link_item.link7 .link_txt{background:url(../images/index/index_top_icon7.png) no-repeat center 30px;}
  189. /*介绍*/
  190. .web_intro_box{
  191. width:750px;
  192. height:290px;
  193. float:left;
  194. background:url(../images/index/web_intro_box_bg.jpg) no-repeat center;
  195. margin-top:30px;
  196. }
  197. .web_intro_box .box_img{
  198. width:265px;
  199. height:290px;
  200. float:left;
  201. padding-top:27px;
  202. padding-left:25px;
  203. }
  204. .web_intro_box .box_content{
  205. width:465px;
  206. height:290px;
  207. float:left;
  208. padding-top:25px;
  209. }
  210. .web_intro_box .box_content .content_title{
  211. text-align:right;
  212. font-size:24px;
  213. font-weight:bold;
  214. color:#bc2b34;
  215. }
  216. .web_intro_box .box_content .content_title_label{
  217. text-align:right;
  218. margin-top:6px;
  219. }
  220. .web_intro_box .box_content .content_title_label span{
  221. font-size:14px;
  222. background-color:#bc2b34;
  223. padding:3px 10px;
  224. color:#fff;
  225. }
  226. .web_intro_box .box_content .intro_title{
  227. font-size:13px;
  228. color:#333333;
  229. font-weight:bold;
  230. height:28px;
  231. line-height:28px;
  232. }
  233. .web_intro_box .box_content .intro_info{
  234. font-size:13px;
  235. color:#666666;
  236. line-height:20px;
  237. margin-bottom:5px;
  238. }
  239. .web_intro_box .box_content .info_tag .tag_item{
  240. font-size:12px;
  241. color:#666666;
  242. padding:4px 8px;
  243. background:#fff;
  244. border-radius:3px;
  245. margin-right:10px;
  246. margin-bottom:5px;
  247. float:left;
  248. border:1px solid #ececec;
  249. }
  250. /*人才预判*/
  251. .home_policy_match{
  252. width:431px;
  253. height:290px;
  254. background:url(../images/index/policy_match_bg.png) no-repeat center;
  255. float:right;
  256. margin-top:30px;
  257. padding-top:25px;
  258. }
  259. .home_policy_match .box_title{
  260. text-align:center;
  261. font-size:24px;
  262. font-weight:bold;
  263. color:#bc2b34;
  264. }
  265. .home_policy_match .box_content{
  266. height:168px;
  267. background:url(../images/index/policy_match_box_content.png) no-repeat center;
  268. }
  269. .home_policy_match .box_link{
  270. display:block;
  271. font-size:14px;
  272. letter-spacing: 1px;
  273. color:#fff;
  274. font-weight:bold;
  275. background:#bc2b34;
  276. border:1px solid #bc2b34;
  277. width:160px;
  278. height:33px;
  279. line-height:31px;
  280. border-radius:33px;
  281. text-align:center;
  282. margin:0 auto;
  283. }
  284. .home_policy_match .box_link:hover{
  285. color:#bc2b34;
  286. background-color:transparent;
  287. }
  288. /*广告*/
  289. .aix-ad-1200-160{width: 1200px;margin: 0 auto;margin-top: 20px; }
  290. .aix-ad-1200-160 .ad-li{margin-bottom: 7px;width: 1200px; }
  291. .aix-ad-1200-160 .ad-li img{width: 1200px; }
  292. .aix-ad-1200-80{width: 1200px;margin: 0 auto; margin-top:5px;}
  293. .aix-ad-1200-80 .ad-li{margin-bottom: 7px;width: 1200px; }
  294. .aix-ad-1200-80 .ad-li img{width: 1200px; }
  295. /*标题*/
  296. .home_title{
  297. text-align:center;
  298. position:relative;
  299. padding:30px 0;
  300. }
  301. .home_title .title_ch{
  302. font-size:36px;
  303. font-weight:bold;
  304. color:#333333;
  305. }
  306. .home_title .title_en{
  307. font-size:18px;
  308. color:#999999;
  309. margin-top:5px;
  310. }
  311. .home_title .title_more{
  312. display:block;
  313. width:70px;
  314. height:23px;
  315. line-height:23px;
  316. text-align:center;
  317. background-color:#bc2b34;
  318. color:#fff;
  319. position:absolute;
  320. bottom:35px;
  321. right:0;
  322. }
  323. .home_title .title_more:hover{
  324. background-color: #ea3743;
  325. }
  326. /*图片新闻*/
  327. .home_pic_news{
  328. width:365px;
  329. height:465px;
  330. background:#f5f5f5;
  331. float:left;
  332. }
  333. .home_pic_news img{
  334. width:365px;
  335. height:230px;
  336. }
  337. .home_pic_news .news_info{
  338. padding:10px 30px;
  339. }
  340. .home_pic_news .news_info .news_title{
  341. color:#333333;
  342. font-size:18px;
  343. font-weight:bold;
  344. height: 40px;
  345. line-height: 40px;
  346. }
  347. .home_pic_news .news_info .title_line{
  348. width:45px;
  349. height:5px;
  350. background:#bc2c34;
  351. margin:10px 0;
  352. }
  353. .home_pic_news .news_info .news_content{
  354. color:#666666;
  355. line-height:28px;
  356. }
  357. .home_pic_news .news_info .news_more{
  358. display:block;
  359. width:60px;
  360. height:30px;
  361. background:url(../images/index/news_more_icon.png) no-repeat 18px center #bc2c34;
  362. transition: all 0.3s;
  363. -moz-transition: all 0.3s;
  364. -o-transition: all 0.3s;
  365. -webkit-transition: all 0.3s;
  366. margin-top:15px;
  367. }
  368. .home_pic_news .news_info .news_more:hover{
  369. background-position:22px center;
  370. background-color: #ec3b45;
  371. }
  372. /*新闻列表*/
  373. .home_news_list{
  374. width:800px;
  375. float:right;
  376. }
  377. .home_news_list .home_news_item{
  378. height:104px;
  379. width:800px;
  380. border:1px solid #ececec;
  381. background:url(../images/index/home_news_item_icon.png) no-repeat bottom right;
  382. margin-bottom:16px;
  383. }
  384. .home_news_list .home_news_item:hover{
  385. border:1px solid #dd4250;
  386. background:url(../images/index/home_news_item_hover_icon.png) no-repeat bottom right;
  387. }
  388. .home_news_list .home_news_item .news_time{
  389. height:104px;
  390. width:140px;
  391. float:left;
  392. background:#f5f5f5;
  393. color:#999999;
  394. text-align:center;
  395. padding-top:10px;
  396. }
  397. .home_news_list .home_news_item .news_time .news_day{
  398. font-size:40px;
  399. margin-bottom:5px;
  400. }
  401. .home_news_list .home_news_item .news_time .news_year{
  402. font-size:18px;
  403. }
  404. .home_news_list .home_news_item:hover .news_time{
  405. background:#dd4250;
  406. color:#fff;
  407. }
  408. .home_news_list .home_news_item .news_info{
  409. padding:13px 30px;
  410. float:left;
  411. width:655px;
  412. }
  413. .home_news_list .home_news_item .news_info .news_title{
  414. font-size:16px;
  415. color:#333333;
  416. font-weight:bold;
  417. max-width:590px;
  418. display:block;
  419. margin-bottom:5px;
  420. }
  421. .home_news_list .home_news_item .news_info .news_title:hover{
  422. color:#dd4250;
  423. }
  424. .home_news_list .home_news_item .news_info .news_content{
  425. font-size:14px;
  426. color:#666666;
  427. line-height: 25px;
  428. height:50px;
  429. overflow:hidden;
  430. }
  431. /*标题*/
  432. .home_title_white{
  433. text-align:center;
  434. position:relative;
  435. padding:40px 0 30px;
  436. }
  437. .home_title_white .title_ch{
  438. font-size:36px;
  439. font-weight:bold;
  440. color:#fff;
  441. }
  442. .home_title_white .title_en{
  443. font-size:18px;
  444. color:#fff;
  445. margin-top:5px;
  446. }
  447. /*人才服务模块*/
  448. .home_service_part{
  449. width:100%;
  450. min-width:1200px;
  451. height:740px;
  452. background:url(../images/index/home_service_bg.jpg) no-repeat center;
  453. margin-top:30px;
  454. }
  455. .home_service_part .service_group{
  456. width:1200px;
  457. height:520px;
  458. background:#fff;
  459. margin:0 auto;
  460. border-radius:5px;
  461. padding:35px 40px;
  462. }
  463. .home_service_part .service_group .group_line{
  464. height:130px;
  465. margin-bottom:30px;
  466. }
  467. .home_service_part .service_group .group_line .group_title{
  468. height:130px;
  469. width:130px;
  470. float:left;
  471. }
  472. .home_service_part .service_group .group_line .group_box{
  473. width:960px;
  474. height:130px;
  475. float:left;
  476. margin-left:30px;
  477. position: relative;
  478. }
  479. .home_service_part .single {
  480. width: 960px;
  481. height: 100%;
  482. position: relative;
  483. font-size: 0;
  484. padding-left:60px;
  485. }
  486. .home_service_part .single .scroll_box{
  487. width: 840px;
  488. height: 100%;
  489. overflow:hidden;
  490. border-radius:3px;
  491. }
  492. .home_service_part .single ul {
  493. list-style: none;
  494. white-space: nowrap;
  495. display: inline-block;
  496. }
  497. .home_service_part .single ul li {
  498. display: inline-block;
  499. width:130px;
  500. height:130px;
  501. }
  502. .home_service_part .single ul li a{
  503. display: block;
  504. width:100%;
  505. height:100%;
  506. }
  507. .home_service_part .single ul li a .li_img{
  508. width:100%;
  509. height:90px;
  510. background-repeat:no-repeat;
  511. background-position:center;
  512. -webkit-transition: all 0.3s;
  513. -moz-transition: all 0.3s;
  514. transition: all 0.3s;
  515. }
  516. .home_service_part .single ul li a:hover .li_img{
  517. -webkit-transform: rotateY(180deg);
  518. -moz-transform: rotateY(180deg);
  519. -ms-transform: rotateY(180deg);
  520. -o-transform: rotateY(180deg);
  521. transform: rotateY(180deg);
  522. }
  523. .home_service_part .single ul li a .li_txt{
  524. width:100%;
  525. height:15px;
  526. line-height:15px;
  527. font-size:14px;
  528. text-align:center;
  529. }
  530. .home_service_part .single ul li a:hover .li_txt{
  531. font-weight: bold;
  532. }
  533. .home_service_part .single.red_single .scroll_box{
  534. background:#fff6f7;
  535. }
  536. .home_service_part .single.red_single li .li_txt{
  537. color:#ff6363;
  538. }
  539. .home_service_part .single.blue_single .scroll_box{
  540. background:#f6faff;
  541. }
  542. .home_service_part .single.blue_single li .li_txt{
  543. color:#27bdfb;
  544. }
  545. .home_service_part .single.purple_single .scroll_box{
  546. background:#f7f8ff;
  547. }
  548. .home_service_part .single.purple_single li .li_txt{
  549. color:#a080fc;
  550. }
  551. .home_service_part .pre {
  552. position: absolute;
  553. left:0;
  554. top:20px;
  555. width: 30px;
  556. height: 90px;
  557. background-color: rgba(0, 0, 0, 0.5);
  558. cursor: pointer;
  559. border-radius:2px;
  560. }
  561. .home_service_part .pre:hover {
  562. background-color: rgba(0, 0, 0, 0.7);
  563. }
  564. .home_service_part .pre::before {
  565. content: "";
  566. width: 12px;
  567. height: 12px;
  568. border: solid #fff;
  569. border-width: 2px 0 0 2px;
  570. transform: translate(-50%, -50%) rotate(-45deg);
  571. position: absolute;
  572. left: 64%;
  573. top: 50%;
  574. }
  575. .home_service_part .next {
  576. position: absolute;
  577. top:20px;
  578. right:0;
  579. width: 30px;
  580. height: 90px;
  581. background-color: rgba(0, 0, 0, 0.5);
  582. cursor: pointer;
  583. border-radius:2px;
  584. }
  585. .home_service_part .next:hover {
  586. background-color: rgba(0, 0, 0, 0.7);
  587. }
  588. .home_service_part .next::before {
  589. content: "";
  590. width: 12px;
  591. height: 12px;
  592. border: solid #fff;
  593. border-width: 0 2px 2px 0;
  594. transform: translate(-50%, -50%) rotate(-45deg);
  595. position: absolute;
  596. left: 40%;
  597. top: 50%;
  598. }
  599. /*聚才动态*/
  600. .home_jucai_trends{
  601. background:#fff;
  602. padding-bottom:40px;
  603. }
  604. .home_jucai_trends .active_trends{
  605. margin-bottom:30px;
  606. }
  607. .home_jucai_trends .active_trends .classify_item{
  608. width:140px;
  609. height:40px;
  610. line-height:40px;
  611. text-align:center;
  612. border:1px solid #cccccc;
  613. border-radius:3px;
  614. margin-right:10px;
  615. float:left;
  616. font-size:15px;
  617. color:#333333;
  618. background:#fafafa;
  619. cursor: pointer;
  620. }
  621. .home_jucai_trends .active_trends .classify_item.active{
  622. border-color:#bc2c34;
  623. background:#bc2c34;
  624. color:#fff;
  625. }
  626. .home_jucai_trends .trends_box .box_item{
  627. width:285px;
  628. height:350px;
  629. background:#fafafa;
  630. border-radius:5px;
  631. overflow:hidden;
  632. float:left;
  633. margin-right:20px;
  634. }
  635. .home_jucai_trends .trends_box .box_item:nth-child(4n){
  636. margin-right: 0;
  637. }
  638. .home_jucai_trends .trends_box .box_item:hover{
  639. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  640. -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  641. box-shadow: 0 0 10px rgba(0,0,0,.2);
  642. }
  643. .home_jucai_trends .trends_box.box_item .pic_box,.home_jucai_trends .trends_box .box_item .pic_box img{
  644. width:285px;
  645. height:205px;
  646. }
  647. .home_jucai_trends .trends_box .box_item .news_info{
  648. padding:10px 15px;
  649. }
  650. .home_jucai_trends .trends_box .box_item .news_info .news_title {
  651. text-overflow: -o-ellipsis-lastline;
  652. overflow: hidden;
  653. text-overflow: ellipsis;
  654. display: -webkit-box;
  655. -webkit-line-clamp: 2;
  656. line-clamp: 2;
  657. -webkit-box-orient: vertical;
  658. }
  659. .home_jucai_trends .trends_box .box_item .news_info .news_title a{
  660. font-size:16px;
  661. color:#333333;
  662. }
  663. .home_jucai_trends .trends_box .box_item .news_info .news_title a:hover{
  664. color:#bc2c34;
  665. }
  666. .home_jucai_trends .trends_box .box_item .news_info .news_content{
  667. font-size:14px;
  668. color:#666666;
  669. margin-top:5px;
  670. height:40px;
  671. line-height:20px;
  672. }
  673. .home_jucai_trends .box_more{
  674. width:320px;
  675. height:45px;
  676. line-height:45px;
  677. text-align:center;
  678. border-radius:3px;
  679. font-size:16px;
  680. display:block;
  681. margin:30px auto 0;
  682. border-color:#bc2c34;
  683. background:#bc2c34;
  684. color:#fff;
  685. }
  686. /*人才活动*/
  687. .home_actives_part{
  688. background:#fff;
  689. padding-bottom:40px;
  690. }
  691. .home_actives_part .active_classify{
  692. margin-bottom:30px;
  693. }
  694. .home_actives_part .active_classify .classify_item{
  695. width:140px;
  696. height:40px;
  697. line-height:40px;
  698. text-align:center;
  699. border:1px solid #cccccc;
  700. border-radius:3px;
  701. margin-right:10px;
  702. float:left;
  703. font-size:15px;
  704. color:#333333;
  705. background:#fafafa;
  706. cursor: pointer;
  707. }
  708. .home_actives_part .active_classify .classify_item.active{
  709. border-color:#bc2c34;
  710. background:#bc2c34;
  711. color:#fff;
  712. }
  713. .home_actives_part .active_show{
  714. width:1230px;
  715. }
  716. .home_actives_part .active_show .active_box{
  717. display:none;
  718. }
  719. .home_actives_part .active_show .active_box .box_item{
  720. width:285px;
  721. height:305px;
  722. background:#fafafa;
  723. border-radius:5px;
  724. overflow:hidden;
  725. float:left;
  726. margin-right:20px;
  727. }.home_actives_part .active_show .active_box .box_item:hover{
  728. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  729. -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  730. box-shadow: 0 0 10px rgba(0,0,0,.2);
  731. }
  732. .home_actives_part .active_show .active_box .box_item .pic_box,.home_actives_part .active_show .active_box .box_item .pic_box img{
  733. width:285px;
  734. height:205px;
  735. }
  736. .home_actives_part .active_show .active_box .box_item .news_info{
  737. padding:10px 15px;
  738. }
  739. .home_actives_part .active_show .active_box .box_item .news_info .news_title a{
  740. font-size:16px;
  741. color:#333333;
  742. }
  743. .home_actives_part .active_show .active_box .box_item .news_info .news_title a:hover{
  744. color:#bc2c34;
  745. }
  746. .home_actives_part .active_show .active_box .box_item .news_info .news_content{
  747. font-size:14px;
  748. color:#666666;
  749. margin-top:5px;
  750. height:40px;
  751. line-height:20px;
  752. }
  753. .home_actives_part .active_show .active_box .box_more{
  754. width:320px;
  755. height:45px;
  756. line-height:45px;
  757. text-align:center;
  758. border-radius:3px;
  759. font-size:16px;
  760. display:block;
  761. margin:30px auto 0;
  762. border-color:#bc2c34;
  763. background:#bc2c34;
  764. color:#fff;
  765. }
  766. /*名企招聘*/
  767. .home_famous_recruit{
  768. background:#f5f5f5;
  769. padding-bottom:40px;
  770. }
  771. .home_latestjobs_trade{ height:50px;background:#bc2c34;}
  772. .home_latestjobs_trade span{ display:inline-block; padding:0px 2px;font-size:14px;color:#fff; height:50px;overflow:hidden; line-height:50px; margin-left:45px;position:relative;}
  773. .home_latestjobs_trade span.cur,.home_latestjobs_trade span:hover{ color:#fff;cursor: pointer; }
  774. .home_latestjobs_trade span.cur:after,.home_latestjobs_trade span:hover:after{ content:'';width:100%;height:5px;background:#fff;position:absolute;left:0;bottom:0;}
  775. .home_famous_recruit .J_change_result{width:1220px;}
  776. .home_famous_recruit .J_change_result .top_ad .ad_item{
  777. width:291px;
  778. height:105px;
  779. background:#fff;
  780. float:left;
  781. margin-right:12px;
  782. margin-top:13px;
  783. }
  784. .home_famous_recruit .J_change_result .top_ad .ad_item img{
  785. width:291px;
  786. height:105px;
  787. }
  788. .home_famous_recruit .J_change_result .top_ad .ad_item:hover{
  789. -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  790. -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  791. box-shadow: 0 0 15px rgba(0,0,0,.1);
  792. }
  793. .index_company_item{ position:relative;float:left; width:291px;background:#fff; height:136px;margin-right:12px;margin-top:13px; padding:10px 15px; }
  794. .index_company_item:hover{
  795. -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  796. -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  797. box-shadow: 0 0 15px rgba(0,0,0,.1);
  798. }
  799. .index_company_item .line-one{font-size:16px;line-height:25px; }
  800. .index_company_item .line-one .job_info{font-size:12px;line-height:30px;height:33px; color:#999999;}
  801. .index_company_item .line-one img{float:left;position:relative;top:3px;}
  802. .index_company_item .line-one span.salary{width:95px;float:right;font-size:15px;color:#ff4c4c;text-align:right;}
  803. .index_company_item .line-one .jobs_name{max-width:160px;color:#296ecc; height:25px;line-height:25px;float:left;}
  804. .index_company_item .line-one .jobs_name a{ color: #296ecc; }
  805. .index_company_item .line-one .jobs_name a:hover{color: #5390e5;}
  806. .index_company_item .line-two{padding-top:10px;border-top:1px dashed #eee;}
  807. .index_company_item .line-two .company_logo{
  808. width:45px;height:45px;border-radius:45px;overflow:hidden;margin-right:6px;float:left;
  809. -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
  810. -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
  811. box-shadow: 0 0 5px rgba(0,0,0,.1);
  812. }
  813. .index_company_item .line-two .company_logo img{ width:45px;height:45px; }
  814. .index_company_item .line-two .company_name{ width:200px; height:45px;line-height:45px;margin-left:5px;float:left;}
  815. .index_company_item .line-two .company_name a:hover{ color:#296ecc;}
  816. /*人才风采*/
  817. .home_personal_appearance{
  818. width:100%;
  819. min-width:1390px;
  820. height:686px;
  821. background:url(../images/index/home_personal_appearance_bg.png) no-repeat center;
  822. }
  823. .home_personal_appearance *{
  824. -webkit-box-sizing: border-box;
  825. -moz-box-sizing: border-box;
  826. box-sizing: border-box;
  827. }
  828. .home_personal_appearance .pre {
  829. position: absolute;
  830. left:0;
  831. top:175px;
  832. width: 40px;
  833. height: 130px;
  834. background-color: rgba(0, 0, 0, 0.5);
  835. cursor: pointer;
  836. border-radius:2px;
  837. }
  838. .home_personal_appearance .pre:hover {
  839. background-color: rgba(0, 0, 0, 0.7);
  840. }
  841. .home_personal_appearance .pre::before {
  842. content: "";
  843. width: 12px;
  844. height: 12px;
  845. border: solid #fff;
  846. border-width: 2px 0 0 2px;
  847. transform: translate(-50%, -50%) rotate(-45deg);
  848. position: absolute;
  849. left: 64%;
  850. top: 50%;
  851. }
  852. .home_personal_appearance .next {
  853. position: absolute;
  854. top:175px;
  855. right:0;
  856. width: 40px;
  857. height: 130px;
  858. background-color: rgba(0, 0, 0, 0.5);
  859. cursor: pointer;
  860. border-radius:2px;
  861. }
  862. .home_personal_appearance .next:hover {
  863. background-color: rgba(0, 0, 0, 0.7);
  864. }
  865. .home_personal_appearance .next::before {
  866. content: "";
  867. width: 12px;
  868. height: 12px;
  869. border: solid #fff;
  870. border-width: 0 2px 2px 0;
  871. transform: translate(-50%, -50%) rotate(-45deg);
  872. position: absolute;
  873. left: 40%;
  874. top: 50%;
  875. }
  876. .home_personal_appearance .style_move {
  877. width:1390px;
  878. margin:0 auto;
  879. height:482px;
  880. padding-left:83px;
  881. position:relative;
  882. }
  883. .home_personal_appearance .style_move .scroll_box{
  884. border-radius:3px;
  885. width:1224px;
  886. height:482px;
  887. overflow:hidden;
  888. }
  889. .home_personal_appearance .style_move ul {
  890. list-style: none;
  891. white-space: nowrap;
  892. display: inline-block;
  893. width:10000px;
  894. }
  895. .home_personal_appearance .style_move ul li.style_item {
  896. width:275px;
  897. height:480px;
  898. background:#f5f5f5;
  899. display: block;
  900. float:left;
  901. margin-right:35px;
  902. }
  903. .style_item img{
  904. width:275px;
  905. height:214px;
  906. }
  907. .style_item .news_info{
  908. padding:10px 30px;
  909. }
  910. .style_item .news_info .news_title{
  911. color:#333333;
  912. font-size:18px;
  913. font-weight:bold;
  914. height: 40px;
  915. line-height: 40px;
  916. }
  917. .style_item .news_info .title_line{
  918. width:45px;
  919. height:5px;
  920. background:#bc2c34;
  921. margin:10px 0;
  922. }
  923. .style_item .news_info .news_content{
  924. color:#666666;
  925. line-height:28px;
  926. white-space: initial;
  927. height:112px;
  928. }
  929. .style_item .news_info .news_more{
  930. display:block;
  931. width:60px;
  932. height:30px;
  933. background:url(../images/index/news_more_icon.png) no-repeat 18px center #bc2c34;
  934. transition: all 0.3s;
  935. -moz-transition: all 0.3s;
  936. -o-transition: all 0.3s;
  937. -webkit-transition: all 0.3s;
  938. margin-top:15px;
  939. }
  940. .style_item .news_info .news_more:hover{
  941. background-position:22px center;
  942. background-color: #ec3b45;
  943. }
  944. /*背调测评*/
  945. .backgroundcheck {display:flex;justify-content: space-between;}
  946. .backgroundcheck img {width: 380px;}