sy_sjbase.css 52 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145
  1. body {
  2. background: #ebebeb url(sy_sj_01.png) no-repeat top left;
  3. width: 100%;
  4. }
  5. #shadow {
  6. position: fixed;
  7. width: 100%;
  8. height: 100%;
  9. opacity: 0.5;
  10. top: 0;
  11. left: 0;
  12. background-color: #000;
  13. z-index: 9;
  14. }
  15. /*header*/
  16. .sy_header {
  17. width: 100%;
  18. position: relative;
  19. }
  20. .sy_header img {
  21. padding: 27px 0px 20px 0px;
  22. display: block;
  23. margin: 0px auto;
  24. }
  25. .sy_header .sy_ss {
  26. width: 80%;
  27. border: 0px;
  28. margin: 0px auto;
  29. position: relative;
  30. }
  31. .sy_header .sy_ss .ss_inp {
  32. width: 100%;
  33. height: 30px;
  34. line-height: 30px;
  35. border-radius: 25px;
  36. background: url(sy_sj_17.png) repeat;
  37. border: 1px solid #ccc;
  38. padding: 1% 4%;
  39. font-size: 0.8rem;
  40. }
  41. .sy_header .sy_ss .ss_btn {
  42. width: 40px;
  43. height: 30px;
  44. line-height: 30px;
  45. border-radius: 25px;
  46. background: url(sy_sj_13.png) no-repeat center;
  47. border: 0px;
  48. position: absolute;
  49. top: 0px;
  50. right: 0px;
  51. cursor: pointer;
  52. z-index: 9;
  53. }
  54. .ss_dz {
  55. padding: 1% 3%;
  56. background: url(sy_sj_33.png) repeat;
  57. border-top-left-radius: 25px;
  58. border-bottom-left-radius: 25px;
  59. position: absolute;
  60. top: 4%;
  61. right: 0px;
  62. font-size: 0.6rem;
  63. color: #747474;
  64. }
  65. .ss_dz a{font-size: 0.6rem;color: #747474;/* font-size: -webkit-xxx-large; */font-weight: bold;}
  66. .nav {
  67. margin: 20px auto 20px auto;
  68. }
  69. .nav a {
  70. float: left;
  71. margin: 0px 1%;
  72. text-align: left;
  73. font-size: 1rem;
  74. display:block;
  75. color: #fff;
  76. width: 31.2%;
  77. /* line-height: -4px;*/
  78. height: auto;
  79. line-height: 16px;
  80. position: relative;
  81. z-index: 9;
  82. padding-left: 10%;
  83. padding-top: 25px;
  84. margin-top: 20px;
  85. }
  86. .nav a.gjrc{
  87. padding-top: 16px;
  88. }
  89. .nav a i {
  90. display: block;
  91. margin: 5px auto;
  92. border-radius: 5px;
  93. width: 100%;
  94. height: 60px;
  95. position: absolute;
  96. left: 0px;
  97. top: 0px;
  98. z-index: -1;
  99. }
  100. .nav a.syyc i {
  101. background: #318ddc url(sy_sj_38.png) no-repeat 5px 16px;
  102. }
  103. .nav a.wlzp i {
  104. background: #ff9191 url(sy_sj_44.png) no-repeat 10px 18px;
  105. }
  106. .nav a.gjrc i {
  107. background: #2ecc71 url(sy_sj_41.png) no-repeat 10px 16px;
  108. }
  109. .nav a.zypx i {
  110. background: #fe9126 url(sy_sj_47.png) no-repeat 21px 23px;
  111. }
  112. .sy_ban {
  113. padding: 34px 0px 10px 0px;
  114. background: #fff;
  115. margin-top: -20px;
  116. }
  117. .sy_ban img{
  118. width:100%;
  119. }
  120. .content {
  121. background: #fff;
  122. box-shadow: 5px 3px 27px #adadad;
  123. margin-bottom: 15px;
  124. padding: 2% 3%;
  125. }
  126. .content h4 {
  127. height: 40px;
  128. line-height: 40px;
  129. /* font-size: 1.2rem; */
  130. }
  131. .content h4 img {
  132. display: inline-block;
  133. vertical-align: middle;
  134. margin-top: -6px;
  135. }
  136. .content h4 a {
  137. font-size: 1.3rem;
  138. font-weight: 900;
  139. color: #0068b7;
  140. margin-left: 2%;
  141. }
  142. /*文字列表*/
  143. .all_list {
  144. margin: 5px 0;
  145. }
  146. .all_list li {
  147. line-height: 35px;
  148. font-size: 1.5rem;
  149. overflow: hidden;
  150. }
  151. .all_list li a {
  152. font-size: 1.1rem;
  153. float: left;
  154. color: #333;
  155. background: url(../images/sy_sj_09.png) no-repeat left center;
  156. padding: 0 0 0 15px;
  157. }
  158. .all_list li em {
  159. float: right;
  160. color: #888;
  161. font-size: 1.1rem;
  162. }
  163. .all_list li.dashed {
  164. border-bottom: dashed 1px #ccc;
  165. }
  166. /*非我莫属*/
  167. .sy_spa {
  168. display: block;
  169. width: 100%;
  170. }
  171. .sy_spa img {
  172. height: 100%;
  173. width: 100%;
  174. }
  175. /*四图*/
  176. .img_a {
  177. display: block;
  178. margin: 1% 1%;
  179. float: left;
  180. width: 31%;
  181. }
  182. .img_a img{
  183. width: 100%;
  184. }
  185. .ct_img {
  186. margin: 15px auto;
  187. }
  188. .ct_img img{
  189. width: 100%;
  190. }
  191. /*知名企业*/
  192. .qy_img {
  193. display: block;
  194. width: 30%;
  195. margin: 1.4%;
  196. border: 1px solid #ccc;
  197. float: left;
  198. }
  199. .qy_img img {
  200. width: 100%;
  201. height: 100%;
  202. }
  203. /*名企招聘*/
  204. ul.job_area {
  205. border: 1px dashed #b5b5b5;
  206. border-bottom: 0;
  207. margin-top: 10px;
  208. margin-bottom: 10px;
  209. }
  210. ul.job_area li {
  211. border-bottom: 1px dashed #b5b5b5;
  212. padding: 5px 0;
  213. overflow: hidden;
  214. }
  215. ul.job_area li a {
  216. float: left;
  217. display: block;
  218. width: 24.6%;
  219. text-align: center;
  220. border-right: 1px dashed #b5b5b5;
  221. cursor: pointer;
  222. font-size: 1rem;
  223. color: #434343;
  224. line-height: 200%;
  225. }
  226. ul.job_area li a:hover {
  227. color: #434343;
  228. background-color: #eee;
  229. }
  230. ul.job_area li a.last {
  231. border-right: none;
  232. }
  233. .x p.x_p{
  234. padding:1% 7%;
  235. font-size: 1.1rem;
  236. }
  237. .rdob label{
  238. position: relative!important;
  239. display: inline-block;
  240. height: 22px;
  241. line-height: 22px;
  242. padding-left: 35px;
  243. padding-right: 15px;
  244. }
  245. .rdob label input[type="checkbox"]{
  246. width: 15px;
  247. height: 15px;
  248. border: 1px solid #0659C0;
  249. background: #fff;
  250. margin-right: 5px;
  251. display: block;
  252. float: left;
  253. margin-top: 3px;
  254. }
  255. /*个人登录后*/
  256. .sy_header .location {
  257. position: absolute;
  258. top: 10px;
  259. left: 10px;
  260. }
  261. .sy_header .location:after {
  262. float: left;
  263. width: 11px;
  264. height: 6px;
  265. content: ' ';
  266. margin-top: 7px;
  267. background: url(../images/arrow_orange.png) no-repeat;
  268. -webkit-background-size: 100% 100%;
  269. -moz-background-size: 100% 100%;
  270. -o-background-size: 100% 100%;
  271. -ms-background-size: 100% 100%;
  272. background-size: 100% 100%
  273. }
  274. .sy_header .location font {
  275. float: left;
  276. max-width: 4em;
  277. font-size: 13px;
  278. color: #2871e4;
  279. text-align: center;
  280. white-space: nowrap;
  281. text-overflow: ellipsis;
  282. overflow: hidden;
  283. padding-right: 8px
  284. }
  285. .sy_header .links {
  286. float: right;
  287. color: #2871e4;
  288. margin: 16px 21px 0 0
  289. }
  290. /*当前地址 弹出*/
  291. /*个人中心*/
  292. .gr_head {
  293. background: url(sy-index_87.png) no-repeat top center;
  294. height: 128px;
  295. width: 100%;
  296. padding-top: 1.5%;
  297. }
  298. .gr_head .gr_img {
  299. width: 70px;
  300. height: 70px;
  301. display: block;
  302. border-radius: 50%;
  303. border: 3px solid #87a6eb;
  304. margin: 0px auto;
  305. }
  306. .gr_head .gr_img img {
  307. width: 100%;
  308. height: 100%;
  309. }
  310. .gr_head p {
  311. text-align: center;
  312. color: #fff;
  313. font-size: 0.9rem;
  314. margin: 5px 0px;
  315. }
  316. .gr_head p span {
  317. font-size: 0.6rem;
  318. }
  319. .list_nav a {
  320. display: block;
  321. position: relative;
  322. height: 48px;
  323. line-height: 48px;
  324. padding: 0 44px 0 150px;
  325. color: #444;
  326. }
  327. .list_nav a:after {
  328. position: absolute;
  329. width: 8px;
  330. height: 14px;
  331. content: '\00a0';
  332. top: 50%;
  333. right: 22px;
  334. margin-top: -7px;
  335. background: url(arrow_gray.png) no-repeat;
  336. -webkit-background-size: 100% 100%;
  337. -moz-background-size: 100% 100%;
  338. -o-background-size: 100% 100%;
  339. -ms-background-size: 100% 100%;
  340. background-size: 100% 100%;
  341. }
  342. .list_nav a:before {
  343. position: absolute;
  344. height: 1px;
  345. content: '\00a0';
  346. right: 11px;
  347. bottom: 0;
  348. left: 11px;
  349. background-color: #e6e6e6;
  350. }
  351. .nav_div {
  352. /* margin-bottom: 6px;*/
  353. background: #fff;
  354. }
  355. .nav_div label {
  356. position: absolute;
  357. left: 21px;
  358. top: 0;
  359. padding-left: 41px;
  360. }
  361. .nav_div label:before {
  362. content: '';
  363. position: absolute;
  364. width: 24px;
  365. height: 24px;
  366. left: 6px;
  367. top: 50%;
  368. margin-top: -13px;
  369. background: url(icon_my.png) 2px 0px no-repeat;
  370. -webkit-background-size: 50px auto;
  371. -moz-background-size: 50px auto;
  372. -o-background-size: 50px auto;
  373. -ms-background-size: 50px auto;
  374. background-size: 50px auto;
  375. }
  376. .btn_bj2{background: #dc8831;
  377. border-radius: 5px;
  378. color: #fff;
  379. padding: 2px 15px;
  380. margin: 6px 0px;
  381. float: right;
  382. text-align: center;
  383. display: inline-block;
  384. font-size: 0.8rem;
  385. }
  386. .nav_div label.who:before {
  387. background-position: 0px -71px;
  388. }
  389. .nav_div label.sc:before {
  390. background-position: 0px -48px;
  391. }
  392. .nav_div label.lwpqfw2:before {
  393. background-position: 0px -168px;
  394. }
  395. .nav_div label.rczpfw2:before {
  396. background-position: -23px -167px;
  397. }
  398. .nav_div label.rlzywbfw2:before {
  399. background-position: -24px -144px;
  400. }
  401. .nav_div label.rccpfw2:before {
  402. background-position: 1px -146px;
  403. }
  404. .nav_div label.rlzypxfw2:before {
  405. background-position: -22px -118px;
  406. }
  407. .nav_div label.rlzyglzxfw2:before {
  408. background-position: 2px -119px;
  409. }
  410. .nav_div label.rlzyhshbzswdl2:before {
  411. background-position: -20px -93px;
  412. }
  413. .nav_div label.ldryrsdafw2:before {
  414. background-position: 3px -95px;
  415. }
  416. .nav_div label.sq:before {
  417. background-position: 0px -22px;
  418. }
  419. .nav_div .txt {
  420. text-align: right;
  421. }
  422. .nav_div label.who:before {
  423. background-position: 0px -71px;
  424. }
  425. .nav_div label.sc:before {
  426. background-position: 0px -48px;
  427. }
  428. /*底部导航*/
  429. .btab {
  430. /*
  431. position: absolute;
  432. left: 0px;
  433. bottom: 0px;
  434. width: 100%;
  435. */
  436. height: 53px;
  437. /*
  438. background-color: #fff;
  439. border-top: 1px solid #e6e6e6;
  440. z-index: 8;
  441. padding-top: 52px;
  442. */
  443. }
  444. .btab .t_in {
  445. position: fixed;
  446. width: 100%;
  447. height: 52px;
  448. left: 0;
  449. bottom: 0;
  450. background-color: #fff;
  451. border-top: 1px solid #e6e6e6;
  452. z-index: 8
  453. }
  454. .btab a {
  455. display: block;
  456. position: relative;
  457. float: left;
  458. width: 20%;
  459. text-align: center;
  460. font-size: 12px;
  461. color: #5d656b;
  462. padding-top: 31px;
  463. }
  464. .btab a:after {
  465. content: '\00a0';
  466. width: 25px;
  467. height: 25px;
  468. position: absolute;
  469. top: 6px;
  470. left: 50%;
  471. margin-left: -12px;
  472. background: url(icon_btab.png) no-repeat -1px -3px;
  473. -webkit-background-size: 80px auto;
  474. -moz-background-size: 80px auto;
  475. -o-background-size: 80px auto;
  476. -ms-background-size: 80px auto;
  477. background-size: 80px auto;
  478. }
  479. /*.btab .i4:after,.btab .i4.on:after{background:url(icon_home_ht3.png) #fff no-repeat;
  480. -webkit-background-size:20px auto;-moz-background-size:20px auto;-ms-background-size:20px auto;-o-background-size:20px auto;background-size:20px auto}*/
  481. .btab .i2:after {
  482. background-position: 1px -32px
  483. }
  484. .btab .i3:after {
  485. background-position: -2px -63px
  486. }
  487. .btab .i4:after {
  488. background-position: -1px -94px;
  489. }
  490. .btab .i5:after {
  491. background-position: -1px -127px
  492. }
  493. .btab a.on:after {
  494. width: 35px;
  495. margin-left: -17px;
  496. top: 6px;
  497. }
  498. .btab .i1.on:after {
  499. background-position: -44px -2px
  500. }
  501. .btab .i2.on:after {
  502. background-position: -42px -32px
  503. }
  504. .btab .i3.on:after {
  505. background-position: -44px -62px
  506. }
  507. .btab .i4.on:after {
  508. background-position: -44px -94px;
  509. }
  510. .btab .i5.on:after {
  511. background-position: -44px -126px
  512. }
  513. /*我的简历*/
  514. .jl_nav {
  515. height: 40px;
  516. line-height: 38px;
  517. background: rgba(49, 141, 220, 0.66);
  518. color: #fff;
  519. text-align: center;
  520. font-size: 0.9rem;
  521. position: relative;
  522. margin-bottom: 20px;
  523. }
  524. .jl_nav a {
  525. margin: 0 2%;
  526. padding-bottom: 0px;
  527. font-size: 1.2rem;
  528. color: #fff;
  529. }
  530. .jl_nav a.on {
  531. border-bottom: 2px solid #fff;
  532. }
  533. #jl_navxl{
  534. position: absolute;
  535. background: rgba(49, 141, 220, 0.66);
  536. width: 5rem;
  537. height: 1.3rem;
  538. line-height: 1.3em;
  539. left: 50%;
  540. margin-left: -3rem;
  541. font-size: 0.8rem;
  542. bottom: -1.3rem;
  543. color: #fff;
  544. border-bottom-left-radius: 5px;
  545. border-bottom-right-radius: 5px;
  546. }
  547. .nav_a{
  548. height: 40px;
  549. overflow: hidden;
  550. }
  551. *,
  552. *:after,
  553. *:before {
  554. -webkit-box-sizing: border-box;
  555. box-sizing: border-box;
  556. }
  557. .nav_a a{
  558. float:left;
  559. /* height: 2.8rem; */
  560. }
  561. .inner-header{
  562. /* background-color: rgba(0,0,0,1); */
  563. width: 100%;
  564. height: 35px;
  565. position: absolute;
  566. top: 0px;
  567. left: 0px;
  568. }
  569. .inner-header-icon{
  570. color: #ffffff;
  571. height: 40px;
  572. font-size: 25px;
  573. text-align: center;
  574. float:right;
  575. width: 50px;
  576. position: relative;
  577. -webkit-transition: background 0.5s;
  578. -moz-transition: background 0.5s;
  579. -o-transition: background 0.5s;
  580. transition: background 0.5s;
  581. }
  582. .inner-header-icon:hover{
  583. background-color: rgba(255,255,255,0.2);
  584. cursor: pointer;
  585. }
  586. .inner-header-icon span{
  587. position: absolute;
  588. left: calc((100% - 25px) / 2);
  589. top: calc((100% - 1px) / 2);
  590. width: 25px;
  591. height: 1px;
  592. background-color: rgba(255,255,255,1);
  593. }
  594. .inner-header-icon span:nth-child(1){
  595. transform: translateY(4px) rotate(0deg);
  596. }
  597. .inner-header-icon span:nth-child(2){
  598. opacity: 0;
  599. }
  600. .inner-header-icon span:nth-child(3){
  601. transform: translateY(-4px) rotate(0deg);
  602. }
  603. .inner-header-icon-click span:nth-child(1){
  604. animation-duration: 0.5s;
  605. animation-fill-mode: both;
  606. animation-name: clickfirst;
  607. }
  608. .inner-header-icon-click span:nth-child(2){
  609. animation-duration: 0.5s;
  610. animation-fill-mode: both;
  611. animation-name: clicksecond;
  612. }
  613. .inner-header-icon-click span:nth-child(3){
  614. animation-duration: 0.5s;
  615. animation-fill-mode: both;
  616. animation-name: clickthird;
  617. }
  618. /*第一条线旋转动画*/
  619. @keyframes clickfirst {
  620. 0% {
  621. transform: translateY(4px) rotate(0deg);
  622. }
  623. 100% {
  624. transform: translateY(0) rotate(45deg);
  625. }
  626. }
  627. /*第二条线淡入淡出动画动画*/
  628. @keyframes clicksecond {
  629. 0% {
  630. opacity: 1;
  631. }
  632. 100% {
  633. opacity: 0;
  634. }
  635. }
  636. /*第三条线旋转动画*/
  637. @keyframes clickthird {
  638. 0% {
  639. transform: translateY(-4px) rotate(0deg);
  640. }
  641. 100% {
  642. transform: translateY(0) rotate(-45deg);
  643. }
  644. }
  645. .inner-header-icon-out span:nth-child(1){
  646. animation-duration: 0.5s;
  647. animation-fill-mode: both;
  648. animation-name: outfirst;
  649. }
  650. .inner-header-icon-out span:nth-child(2){
  651. animation-duration: 0.5s;
  652. animation-fill-mode: both;
  653. animation-name: outsecond;
  654. }
  655. .inner-header-icon-out span:nth-child(3){
  656. animation-duration: 0.5s;
  657. animation-fill-mode: both;
  658. animation-name: outthird;
  659. }
  660. @keyframes outfirst {
  661. 0% {
  662. transform: translateY(0) rotate(-45deg);
  663. }
  664. 100% {
  665. transform: translateY(-4px) rotate(0deg);
  666. }
  667. }
  668. @keyframes outsecond {
  669. 0% {
  670. opacity: 0;
  671. }
  672. 100% {
  673. opacity: 1;
  674. }
  675. }
  676. @keyframes outthird {
  677. 0% {
  678. transform: translateY(0) rotate(45deg);
  679. }
  680. 100% {
  681. transform: translateY(4px) rotate(0deg);
  682. }
  683. }
  684. .inner-nav{
  685. background-color: rgb(84, 138, 194);
  686. /*background-color: rgba(49, 141, 220, 0.95);*/
  687. width: 100%;
  688. position: absolute;
  689. top: 35px;
  690. left: 0px;
  691. padding-top: 0.5rem;
  692. padding-bottom: 0.5rem;
  693. display: none;
  694. z-index: 9;
  695. }
  696. .inner-nav a{
  697. display: inline-block;
  698. line-height: 2.5rem;
  699. text-decoration: none;
  700. width: 80%;
  701. margin-left: 10%;
  702. color: #FFFFFF;
  703. border-bottom: solid 1px rgba(255,255,255,0.3);
  704. -webkit-transition: all 0.5s;
  705. -moz-transition: all 0.5s;
  706. -o-transition: all 0.5s;
  707. transition: all 0.5s;
  708. font-weight:300;
  709. }
  710. .inner-nav a:hover{
  711. color: rgba(255,255,255,0.4);
  712. border-bottom: solid 1px rgba(255,255,255,0.2);
  713. }
  714. .jl_con {
  715. background: #fff;
  716. margin-bottom: 8px;
  717. background-color: #fff;
  718. -webkit-box-shadow: 0 2px 1px 1px #dedede;
  719. -moz-box-shadow: 0 2px 1px 1px #dedede;
  720. -o-box-shadow: 0 2px 1px 1px #dedede;
  721. -ms-box-shadow: 0 2px 1px 1px #dedede;
  722. box-shadow: 0 2px 1px 1px #dedede;
  723. position: relative;
  724. }
  725. .jl_con .fast, .jl_con .tab a:before, .jl_con .star, .jl_con .star:before {
  726. background: url(icon_abox.png) no-repeat;
  727. -webkit-background-size: 105px auto;
  728. -moz-background-size: 105px auto;
  729. -ms-background-size: 105px auto;
  730. -o-background-size: 105px auto;
  731. background-size: 102px auto;
  732. }
  733. .jl_con .aname {
  734. line-height: 32px;
  735. color: #444;
  736. padding: 0 21px;
  737. font-size: 1.2rem;
  738. }
  739. .jl_con .p, .abox .e {
  740. line-height: 22px;
  741. font-size: 1rem;
  742. color: #868686;
  743. padding: 0 21px;
  744. }
  745. .jl_con .fast {
  746. position: absolute;
  747. font-size: 12px;
  748. color: #868686;
  749. top: 34px;
  750. right: 21px;
  751. padding-left: 21px;
  752. background-position: -81px -21px;
  753. }
  754. .jl_con .fast.on {
  755. color: #389fda;
  756. background-position: -84px 0
  757. }
  758. .jl_con .tab {
  759. overflow: hidden
  760. }
  761. .jl_con .tab a {
  762. float: left;
  763. width: 32%;
  764. height: 46px;
  765. line-height: 46px;
  766. font-size: 1rem;
  767. color: #868686;
  768. text-align: center;
  769. margin: 2% 2% 0 0;
  770. background-color: #fafdff;
  771. }
  772. .jl_con .tab a:before {
  773. display: inline-block;
  774. width: 20px;
  775. height: 20px;
  776. content: '\00a0';
  777. vertical-align: text-bottom;
  778. margin-right: 5px;
  779. margin-bottom: -2px
  780. }
  781. .jl_con .tab a:nth-of-type(3n+3) {
  782. margin-right: 0
  783. }
  784. .jl_con .tab a.t0:before {
  785. background-position: 0 0
  786. }
  787. .jl_con .tab a.t1:before {
  788. background-position: -17px 0;
  789. }
  790. .jl_con .tab a.t2:before {
  791. width: 24px;
  792. background-position: -39px 1px;
  793. }
  794. .jl_con .tab a.t3:before {
  795. background-position: 0 -20px
  796. }
  797. .jl_con .tab a.t4:before {
  798. background-position: -20px -20px
  799. }
  800. .jl_con .tab a.t5:before {
  801. width: 24px;
  802. background-position: -38px -18px;
  803. }
  804. .jl_con .tab a.t6 {
  805. color: #c1c1c1
  806. }
  807. .jl_con .tab a.t6:before {
  808. background-position: -64px -20px
  809. }
  810. .jl_con .star {
  811. position: relative;
  812. display: inline-block;
  813. width: 80px;
  814. height: 20px;
  815. vertical-align: top;
  816. background-position: 0 -42px
  817. }
  818. .jl_con .star:before {
  819. float: left;
  820. content: '\00a0';
  821. background-position: 0 -62px
  822. }
  823. .jl_con .star.s0_5:before {
  824. width: 7px
  825. }
  826. .jl_con .star.s1:before {
  827. width: 15px
  828. }
  829. .jl_con .star.s1_5:before {
  830. width: 23px
  831. }
  832. .jl_con .star.s2:before {
  833. width: 31px
  834. }
  835. .jl_con .star.s2_5:before {
  836. width: 39px
  837. }
  838. .jl_con .star.s3:before {
  839. width: 47px
  840. }
  841. .jl_con .star.s3_5:before {
  842. width: 55px
  843. }
  844. .jl_con .star.s4:before {
  845. width: 63px
  846. }
  847. .jl_con .star.s4_5:before {
  848. width: 71px
  849. }
  850. .jl_con .star.s5:before {
  851. width: 80px
  852. }
  853. .asslist {
  854. position: absolute;
  855. width: 100%;
  856. max-height: 200px;
  857. top: 100%;
  858. right: 11px;
  859. margin-top: -1px;
  860. padding-left: 136px;
  861. z-index: 9
  862. }
  863. .asslist .cn {
  864. padding: 8px 15px;
  865. background-color: #fffbf4;
  866. border: 1px solid #f3f3f3
  867. }
  868. .asslist .ae {
  869. display: block;
  870. line-height: 32px;
  871. font-size: 13px;
  872. color: #111;
  873. text-align: right
  874. }
  875. .job_ass {
  876. position: absolute;
  877. width: 60%;
  878. right: 11px;
  879. top: 48px;
  880. text-align: right;
  881. padding: 10px 20px 10px 10px;
  882. background-color: #fffbf4;
  883. border: 1px solid #f3f3f3;
  884. z-index: 3
  885. }
  886. .job_ass li {
  887. height: 30px;
  888. line-height: 30px;
  889. color: #111111;
  890. font-size: 13px;
  891. white-space: nowrap;
  892. text-overflow: ellipsis;
  893. overflow: hidden
  894. }
  895. /*按钮*/
  896. .jl_con .sfmr {
  897. position: absolute;
  898. font-size: 12px;
  899. bottom: 57px;
  900. right: 21px;
  901. padding: 0.5% 1.5%;
  902. background-position: -81px -21px;
  903. z-index: 999;
  904. border: 1px solid #4aa2fd;
  905. border-radius: 5px;
  906. color: #4aa2fd;
  907. }
  908. /*创建简历*/
  909. .jl_head {
  910. height: 130px;
  911. font-size: 16px;
  912. font-weight: bold;
  913. color: #fff;
  914. text-align: center;
  915. margin-bottom: -70px;
  916. background:url(sy-index_88.png) no-repeat top left;
  917. -webkit-background-size: 100%;
  918. -moz-background-size: 100%;
  919. -ms-background-size: 100%;
  920. -o-background-size: 100%;
  921. background-size: 100%;
  922. -webkit-box-shadow: 0 -40px 40px #f6f6f5 inset;
  923. -moz-box-shadow: 0 -40px 40px #f6f6f5 inset;
  924. -ms-box-shadow: 0 -40px 40px #f6f6f5 inset;
  925. -o-box-shadow: 0 -40px 40px #f6f6f5 inset;
  926. box-shadow: 0 -40px 40px #f6f6f5 inset;
  927. }
  928. .jl_head .in {
  929. height: 60px;
  930. line-height: 60px;
  931. }
  932. .jl_head em{width:25px;height:60px}
  933. .jl_head em a{
  934. display: block;
  935. width:100%;
  936. height: 100%;
  937. }
  938. .jl_head em:nth-of-type(1){position:relative;float:left;top:0;left:0;background:url(arrow_white.png) center no-repeat;
  939. -webkit-background-size:11px auto;-moz-background-size:11px auto;-ms-background-size:11px auto;-o-background-size:11px auto;background-size:11px auto}
  940. .jl_head em:nth-of-type(2){display:inline-block;vertical-align:top;
  941. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  942. .jl_head span{display:inline-block;max-width:70%}
  943. /*简历-基本信息*/
  944. .fixtop{padding-top:45px}
  945. .fixtop .top{position:fixed !important;width:100%;top:0;left:0;z-index:8}
  946. .top{position:relative;height:45px;line-height:45px;text-align:center;font-size:16px;background-color:#fff;z-index:2;
  947. -webkit-box-shadow:0 0 3px 2px #ccc;-moz-box-shadow:0 0 3px 2px #ccc;-o-box-shadow:0 0 3px 2px #ccc;-ms-box-shadow:0 0 3px 2px #ccc;box-shadow:0 0 3px 2px #ccc}
  948. .top .back{position:absolute;width:45px;height:45px;top:0;left:0;background:url(arrow.png) center no-repeat;
  949. -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
  950. -webkit-background-size:10px auto;-moz-background-size:10px auto;-o-background-size:10px auto;-ms-background-size:10px auto;background-size:10px auto}
  951. /*简历列表*/
  952. .calendar{
  953. position:fixed;
  954. width:100%;
  955. bottom:0;
  956. left:0;
  957. padding:0 11px;
  958. background-color:#fdfdfd;
  959. border-top:1px solid #d1d1d1;
  960. z-index:5;
  961. -webkit-box-sizing:border-box;
  962. -moz-box-sizing:border-box;
  963. -o-box-sizing:border-box;
  964. -ms-box-sizing:border-box;
  965. box-sizing:border-box;
  966. -webkit-box-shadow:0 -1px 10px #e0e0e0;
  967. -moz-box-shadow:0 -1px 10px #e0e0e0;
  968. -ms-box-shadow:0 -1px 10px #e0e0e0;
  969. -o-box-shadow:0 -1px 10px #e0e0e0;
  970. box-shadow:0 -1px 10px #e0e0e0;
  971. }
  972. .calendar.cal-date .swiper-container{width:33.3%}
  973. .calendar.cal-month .swiper-container{width:50%}
  974. .calendar.cal-year .swiper-container{width:100%}
  975. .calendar.cal-month .cal-d,.calendar.cal-year .cal-d,.calendar.cal-year .cal-m{display:none}
  976. .calendar .cal-hd{height:49px;line-height:49px;border-bottom:1px solid #e6e6e6}
  977. .calendar .cal-hd .rt{float:right}
  978. .calendar .cal-hd span{float:left;width:65px;height:49px;font-size:16px;color:#4c99ff;text-align:center}
  979. .calendar .cal-hd span:nth-child(2):before{float:left;width:1px;height:16px;content:'';margin-top:17px;background-color:#4c99ff}
  980. .calendar .cal-bd{position:relative;height:180px;}
  981. .calendar .swiper-container{float:left;height:180px}
  982. .calendar .swiper-slide{height:36px;line-height:36px;font-weight:700;font-size:13px;font-family:Arial;color:#868686;text-align:center}
  983. .calendar .swiper-gray{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(#fdfdfd),color-stop(.52,rgba(245,245,245,0)),color-stop(.48,rgba(245,245,245,0)),to(#fdfdfd));background:-webkit-linear-gradient(#fdfdfd 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#fdfdfd 100%);background:-moz-linear-gradient(#fdfdfd 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#fdfdfd 100%);background:linear-gradient(#fdfdfd 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#fdfdfd 100%)}
  984. .calendar .swiper-slide-active{font-size:16px;color:#4c99ff}
  985. .calendar .swiper-wol{position:absolute;width:100%;height:36px;top:50%;left:0;margin-top:-19px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
  986. #m_45 .fixtop{
  987. margin-top: 0px;
  988. }
  989. /*在校情况*/
  990. .fixbtn{height:90%;min-height:500px;background-color:#fff;}
  991. .fixbtn .btnbox{position:absolute;width:100%;bottom:0;
  992. -webkit-box-sizing:border-box;box-sizing:border-box}
  993. .jnav{height:35px;text-align:center;background-color: #e9eff8;}
  994. .jnav .n{position:relative;float:left;width:50%;line-height:35px;font-size:15px;color:#444}
  995. .jnav .n.on{color: #3e8eff;}
  996. .jnav .n.on:after{position:absolute;width:80px;height:2px;content:"";bottom:0;left:50%;margin-left:-40px;background-color: #3e8eff;}
  997. .jnav.jnav3 .n{width:33%}
  998. /*工作经验、教育经历、项目经验*/
  999. .rbox .e{position:relative;line-height:20px;color:#444;padding:12px 110px 12px 21px;background-color:#fff}
  1000. .rbox .e:after{position:absolute;height:0;content:'\00a0';font-size:0;left:11px;right:11px;bottom:0;border-bottom:1px solid #e6e6e6}
  1001. .rbox .e:last-child:after{display:none}
  1002. .rbox .e strong{display:block;font-weight:normal;font-size:15px}
  1003. .rbox .e label{display:block;color:#868686}
  1004. .rbox .e i{display:block;font-size:12px;color:#868686}
  1005. .rbox .e .tab{position:absolute;top:50%;right:21px;
  1006. -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
  1007. .rbox .e .tab center{
  1008. display:inline-block;
  1009. width:40px;
  1010. color: #4598df;
  1011. font-size:13px;
  1012. padding-top:20px;
  1013. background:url(icon_resume.png) 12px 0 no-repeat;
  1014. -webkit-background-size:auto 15px;
  1015. -moz-background-size:auto 15px;
  1016. -ms-background-size:auto 15px;
  1017. -o-background-size:auto 15px;
  1018. background-size:auto 15px;
  1019. }
  1020. .rbox .e .tab center:last-child{background-position:-30px 0;border-left:1px solid #e6e6e6}
  1021. .rbox .e .sc{position: relative;width:80%;height:23px;line-height: 23px;margin-top: 6px;border:1px solid #ff7e3e;
  1022. -webkit-border-radius:2px;border-radius:2px}
  1023. .rbox .e .sc .w{position:absolute;width:25%;height:100%;text-align:center;font-size:14px;color:#fff;background-color:#ff7e3e;
  1024. -webkit-transform:scaleX(0);transform:scaleX(0);
  1025. -webkit-transform-origin:left;transform-origin:left;
  1026. -webkit-animation:scaleto 0.8s linear forwards;animation:scaleto 0.8s linear forwards}
  1027. .rbox .e .sc .w.w1{width:25%}
  1028. .rbox .e .sc .w.w2{width:50%}
  1029. .rbox .e .sc .w.w3{width:75%}
  1030. .rbox .e .sc .w.w4{width:100%}
  1031. .rbox1 .e strong{max-height:38px;overflow:hidden;white-space:normal;margin-bottom:6px;
  1032. display:-webkit-box;
  1033. -webkit-line-clamp:2;
  1034. -webkit-box-orient:vertical}
  1035. .jn_txt{
  1036. padding: 0px 4%;
  1037. line-height: 25px;
  1038. }
  1039. /*谁看过我*/
  1040. .new_l{
  1041. border-bottom:1px solid #ccc;
  1042. }
  1043. .new_l .e{position:relative;display:block;margin-bottom:6px;background-color:#fff}
  1044. .new_l .e:last-child{margin-bottom:0}
  1045. .new_l .e .gs{position:relative;height:34px;line-height:34px;font-size: 1.1rem;padding: 0 33px 0 22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color: #1d67d1;display: block;}
  1046. .new_l .e .gs:after{position:absolute;height:1px;left:11px;right:11px;bottom:0;content:'';background-color:#e6e6e6}
  1047. .new_l .e .gs em{position:absolute;width:55px;height:18px;line-height:18px;font-size:12px;color:#fff;text-align:center;left:21px;top:50%;margin-top:-9px;background-color:#ff773e;
  1048. -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
  1049. .new_l .e .gs object{position:absolute;width:30px;font-size:12px;text-align:right;padding-right:10px;right:21px;top:0;background: url(//img01.51jobcdn.com/im/m/arrow.png) right center no-repeat;
  1050. -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:auto 13px}
  1051. .new_l .e .gs object a{display:block;width:100%;height:100%;color:#c9c9c9}
  1052. .new_l .e .ms{position:relative;font-size:12px;color:#444;padding: 13px 21px;border-bottom:1px solid #e6e6e6;}
  1053. .new_l .e:last-child .ms{border-bottom:0 none}
  1054. .new_l .e .ms strong{display:block;font-weight:normal;font-size: 1rem;}
  1055. .new_l .e .ms b{display:block;color:#888;margin: 5px 0;overflow:hidden;}
  1056. .new_l .e .ms b span,.new_l .e .lk object{display:inline-block;float:left;width:140px}
  1057. .new_l .e .ms b span,.new_l .e .ms b,.new_l .e .ms strong,.new_l .e p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: normal;font-size: 1rem;}
  1058. .new_l .e .ms aside{float: right;width:120px;font-size: 1rem;text-align: right;}
  1059. .new_l .e .lk em{float: left;width:120px;font-size: 1rem;}
  1060. .new_l .e .lk{color:#888;text-align: right;padding: 4px 0px;}
  1061. .new_l .e .lk object a{position:relative;font-size:12px;color:#4c99ff}
  1062. .new_l .e .lk object a:after{position:absolute;content:"";width:0;height:0;right:76px;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:#4c99ff;border-right:0}
  1063. .new_l .e .lk span,.new_l .e .lk span:after{width:70px;height:11px;background:url(//img01.51jobcdn.com/im/m/heart.png) 0 -11px no-repeat;
  1064. -webkit-background-size:70px auto;-moz-background-size:70px auto;-ms-background-size:70px auto;-o-background-size:70px auto;background-size:70px auto}
  1065. .new_l .e .lk span{position:relative;display:inline-block;top:1px;margin-left:16px}
  1066. .new_l .e .lk span:after{position:absolute;content:'';width:70px;height:11px;top:0;left:0;background-position:0 0}
  1067. .new_l .e .lk span.s0:after{width:0}
  1068. .new_l .e .lk span.s0-5:after{width:6px}
  1069. .new_l .e .lk span.s1:after{width:12px}
  1070. .new_l .e .lk span.s1-5:after{width:21px}
  1071. .new_l .e .lk span.s2:after{width:28px}
  1072. .new_l .e .lk span.s2-5:after{width:35px}
  1073. .new_l .e .lk span.s3:after{width:43px}
  1074. .new_l .e .lk span.s3-5:after{width:50px}
  1075. .new_l .e .lk span.s4:after{width:57px}
  1076. .new_l .e .lk span.s4-5:after{width:65px}
  1077. .new_l .e .lk span.s5:after{width:70px}
  1078. .new_l .e.es .gs{color:#c7c7c7}
  1079. .new_l .e .gs span{float:right;color: #666;}
  1080. .new_l .e.es .gs object,.new_l .e.es strong{display:none}
  1081. .new_l .tab{height:48px;line-height:43px;background-color:#ebebeb;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
  1082. .new_l .tab span{position:relative;float:left;display:block;width:33%;font-size:15px;color:#444;text-align:center;padding:5px 8px 0;
  1083. -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  1084. .new_l .tab span a{display:block;color:#444}
  1085. .new_l .tab span:after{position:absolute;content:"";width:1px;right:0;top:12px;bottom:12px;background-color:#c4c4c4}
  1086. .new_l .tab span:last-child:after{display:none}
  1087. .new_l .tab span.on a{color:#ff773e;background-color:#f9f9f9;border-radius:8px 8px 0 0}
  1088. .new_l .e .ms aside i{
  1089. font-size:1rem;
  1090. }
  1091. .new_l .e .lk a.sqzw{padding: 3px 6px;font-size: 0.6rem;background: #f19804;color: #fff;
  1092. border-radius: 5px;
  1093. margin: 0px 5px;
  1094. }
  1095. .new_l .e .lk a.delrsm{padding: 3px 6px;font-size: 0.6rem;color: #868686;
  1096. background-color: #fafdff;
  1097. border-radius: 5px;
  1098. margin: 0px 5px;
  1099. }
  1100. .new_l .e .lk a.delrsm:before {
  1101. display: inline-block;
  1102. width: 17px;
  1103. height: 18px;
  1104. content: '\00a0';
  1105. vertical-align: text-bottom;
  1106. margin-right: 5px;
  1107. margin-bottom: -2px;
  1108. background: url(jlzx_con_11.png) no-repeat;
  1109. }
  1110. .items a.sqzw {
  1111. padding: 3px 6px;
  1112. font-size: 0.6rem;
  1113. background: #f19804;
  1114. color: #fff;
  1115. border-radius: 5px;
  1116. margin: 0px 5px;
  1117. }
  1118. .items a.delrsm {
  1119. padding: 3px 6px;
  1120. font-size: 0.6rem;
  1121. color: #868686;
  1122. background-color: #fafdff;
  1123. border-radius: 5px;
  1124. margin: 0px 5px;
  1125. }
  1126. .items a.delrsm:before {
  1127. display: inline-block;
  1128. width: 17px;
  1129. height: 18px;
  1130. content: '\00a0';
  1131. vertical-align: text-bottom;
  1132. margin-right: 5px;
  1133. margin-bottom: -2px;
  1134. background: url(jlzx_con_11.png) no-repeat;
  1135. }
  1136. .items_p{
  1137. text-align: right;
  1138. }
  1139. .fdi .rj:before {
  1140. position: absolute;
  1141. height: 1px;
  1142. content: '\00a0';
  1143. right: 11px;
  1144. bottom: 0;
  1145. left: 11px;
  1146. background-color: #e6e6e6;
  1147. }
  1148. .zzzw{
  1149. padding:1% 2%;
  1150. font-size: 1rem;
  1151. color: #333;
  1152. background: #f5f5f5;
  1153. }
  1154. /*企业中心*/
  1155. .qygl_con {
  1156. width: 96%;
  1157. margin: 0px auto;
  1158. padding-bottom: 4%;
  1159. }
  1160. .qy_img {
  1161. width: 110px;
  1162. height: 95px;
  1163. border: 1px solid #ccc;
  1164. background: #f4f4f4;
  1165. }
  1166. .qy_txt {
  1167. width: 65%;
  1168. position: relative;
  1169. }
  1170. .qy_txt h1 {
  1171. font-size: 1.3rem;
  1172. color: #333;
  1173. text-align: left;
  1174. height: 30px;
  1175. line-height: 30px;
  1176. }
  1177. .qy_txt .qy_yx {
  1178. font-size: 1rem;
  1179. text-align: left;
  1180. height: 20px;
  1181. line-height: 20px;
  1182. color: #4b4b4b;
  1183. }
  1184. .qy_txt .qy_yyzz {
  1185. font-size: 1rem;
  1186. text-align: left;
  1187. color: #4b4b4b;
  1188. line-height: 24px;
  1189. }
  1190. .qy_txt .qy_yyzz u {
  1191. margin-left: 10px;
  1192. text-decoration: none;
  1193. font-size: 1rem;
  1194. /* cursor: pointer;*/
  1195. }
  1196. .qy_txt .qy_yyzz i {
  1197. margin-right: 15px;
  1198. font-size: 1rem;
  1199. }
  1200. .qy_txt .qy_yyzz span {
  1201. margin-right: 1px;
  1202. padding: 0rem 0.4rem;
  1203. background: #f0f0f0;
  1204. color: #505050;
  1205. font-size: 0.8rem;
  1206. margin-bottom: 4px;
  1207. display: inline-block;
  1208. }
  1209. .qy_txt .qy_yyzz img {
  1210. margin: 0px 5px 0px 0px;
  1211. }
  1212. .qy_xgzl {
  1213. position: absolute;
  1214. top:118px;
  1215. left:-120px;
  1216. bottom: 14px;
  1217. left: -128px;
  1218. border: 1px solid #318ddc;
  1219. color: #318ddc;
  1220. width: 100px;
  1221. height: 29px;
  1222. line-height: 27px;
  1223. text-align: center;
  1224. border-radius: 5px;
  1225. font-size: 1rem;
  1226. }
  1227. .qy_xgzl:hover {
  1228. background: #e8f1ff;
  1229. }
  1230. .qy_xgzl img {
  1231. margin-right: -2px;
  1232. display: block;
  1233. margin-top: 4px;
  1234. float: left;
  1235. margin-left: 8px;
  1236. }
  1237. .qy_jj {
  1238. margin-top: 25px;
  1239. line-height: 2.3rem;
  1240. color: #333;
  1241. font-size: 1.1rem;
  1242. }
  1243. .btn_ssrc {
  1244. display: block;
  1245. margin: 30px auto;
  1246. width: 150px;
  1247. height: 30px;
  1248. border: 1px solid #1a7bce;
  1249. color: #1a7bce;
  1250. line-height: 30px;
  1251. text-align: center;
  1252. font-size: 16px;
  1253. border-radius: 5px;
  1254. background: url(../images/qyzx_icon_31.png) no-repeat 16px 6px;
  1255. }
  1256. .btn_ssrc:hover {
  1257. color: #fff;
  1258. border: 1px solid #1a7bce;
  1259. background: #1a7bce url(../images/qyzx_icon_32.png) no-repeat 16px 6px;
  1260. }
  1261. .qy_tit{
  1262. height: 2.5rem;
  1263. line-height: 2.5rem;
  1264. font-size: 1.1rem;
  1265. font-weight: 900;
  1266. width: 96%;
  1267. margin: 0px auto;
  1268. color: #318ddc;
  1269. display: block;
  1270. }
  1271. .qy_table{
  1272. width:96%;
  1273. margin: 0px auto;
  1274. }
  1275. .qy_table li{
  1276. padding: 1% 1%;
  1277. border-bottom: 1px solid #ccc;
  1278. background: #f8f8f8;
  1279. }
  1280. .qy_table li h2{
  1281. height: 1.8rem;
  1282. line-height: 1.8rem;
  1283. }
  1284. .qy_table li p{
  1285. height: 1.8rem;
  1286. line-height: 1.8rem;
  1287. }
  1288. .qy_table li h2 a{
  1289. float:left;
  1290. font-size: 1.1rem;
  1291. color: #333;
  1292. font-weight: 900;
  1293. }
  1294. .qy_table li h2 i{
  1295. float:left;
  1296. font-size: 1.1rem;
  1297. color: #333;
  1298. font-weight: normal;
  1299. margin-right: 2%;
  1300. }
  1301. .qy_table li h2 span{
  1302. float:right;
  1303. font-size: 1rem;
  1304. color: #333;
  1305. font-weight: normal;
  1306. }
  1307. .qy_table li p i{
  1308. float:left;
  1309. font-size: 1rem;
  1310. color: #333;
  1311. font-weight: normal;
  1312. margin-right: 2%;
  1313. }
  1314. .qy_table li p i.qy_sc{
  1315. padding-left: 20px;
  1316. background:url(icon_sc.png) no-repeat 5px 3px;
  1317. background-size: 15px;
  1318. color:#DB5107;
  1319. }
  1320. .qy_table li p span{
  1321. float:right;
  1322. font-size: 1rem;
  1323. color: #333;
  1324. font-weight: normal;
  1325. }
  1326. .qy_table li p.qy_pan{
  1327. text-align: right;
  1328. height: 2.2rem;
  1329. line-height: 2.2rem;
  1330. margin: 0.4rem 0rem;
  1331. }
  1332. .qy_table li p.qy_pan a{
  1333. margin: 0px 2%;
  1334. font-size: 0.9rem;
  1335. }
  1336. .qy_table li p.qy_pan a img{
  1337. margin-right: 1%;
  1338. width: 13px;
  1339. }
  1340. .qy_table li p.qy_pan i{
  1341. padding: 0% 2%;
  1342. background: #eee;
  1343. color: #666;
  1344. border-radius: 5px;
  1345. font-size: 0.9rem;
  1346. }
  1347. .btn_bj {
  1348. color: #318ddc;
  1349. }
  1350. .btn_sc {
  1351. color: #909090;
  1352. }
  1353. .btn_zt {
  1354. color: #333;
  1355. }
  1356. .btn_add2 {
  1357. display: block;
  1358. height: 50px;
  1359. line-height: 50px;
  1360. color: #e7503f;
  1361. text-align: center;
  1362. margin-bottom: 8px;
  1363. background-color: #fff;
  1364. box-shadow: 5px 7px 19px #eee;
  1365. }
  1366. .red{
  1367. color: #B80205;
  1368. }
  1369. .green {
  1370. color: #269604!important;
  1371. }
  1372. .sqzw_btn {
  1373. background: #f19804;
  1374. color: #fff;
  1375. letter-spacing: 1px;
  1376. padding: 3px 5px;
  1377. border-radius: 4px;
  1378. font-size: 14px;
  1379. }
  1380. .pophide{
  1381. display:none;
  1382. }
  1383. #qy_logo{
  1384. display: block;
  1385. }
  1386. #qy_logo img{
  1387. display: block;
  1388. margin: 20px auto;
  1389. }
  1390. .red{
  1391. color:#BC0508;
  1392. }
  1393. .qy_xtit{
  1394. font-size: 1.1rem;
  1395. color: #333;
  1396. padding: 1% 2%;
  1397. }
  1398. .ssrc_nl input{
  1399. width:25%!important;
  1400. display:inline-block!important;
  1401. /* margin-right: 2%;*/
  1402. /* border-bottom: 1px solid #ccc;*/
  1403. /* background: #f2f2f2!important;*/
  1404. text-align: center!important;
  1405. }
  1406. .ssrc_xl{
  1407. text-align: right!important;
  1408. }
  1409. .ssrc_xl select{
  1410. width: 32%!important;
  1411. display: inline-block!important;
  1412. /* margin-right: 2%; */
  1413. /* border-bottom: 1px solid #ccc; */
  1414. /* background: #f2f2f2!important; */
  1415. text-align: center!important;
  1416. position: relative!important;
  1417. opacity: 1!important;
  1418. height: 30px!important;
  1419. border: 0px!important;
  1420. }
  1421. .ssrc_nl p{
  1422. text-align: right;
  1423. }
  1424. .sx_btn{
  1425. height: 45px;
  1426. line-height: 45px;
  1427. text-align: right;
  1428. padding-right: 2%;
  1429. margin-bottom: 15px;
  1430. padding: 3%;
  1431. }
  1432. .sx_btn a{
  1433. padding: 5px 10px;
  1434. margin: 0px 10px;
  1435. font-size: 1rem;
  1436. }
  1437. .sx_btn a.sxjl{
  1438. color: #318ddc;
  1439. border:1px solid #318ddc;
  1440. border-radius: 5px;
  1441. padding-left: 23px;
  1442. background:url(qyzx_icon_31.png) no-repeat 5px 5px;
  1443. background-size:15px;
  1444. }
  1445. .sx_btn a.del_btn{
  1446. color: #717171;
  1447. border:1px solid #717171;
  1448. border-radius: 5px;
  1449. padding-left: 23px;
  1450. background:url(jlzx_con_11.png) no-repeat 5px 6px;
  1451. background-size:14px;
  1452. }
  1453. .ssjl_ul{
  1454. /* height:176px;*/
  1455. padding-bottom: 15px;
  1456. }
  1457. .ssjl_ul li{
  1458. /* height:176px;*/
  1459. margin-bottom: 15px;
  1460. }
  1461. .ssjl_ul li h2{
  1462. height:40px;
  1463. line-height: 40px;
  1464. background: #f2f7ff;
  1465. padding: 0px 20px;
  1466. font-size: 1.1rem;
  1467. }
  1468. .ssjl_ul li h2 a{
  1469. font-size: 1.1rem;
  1470. padding-right: 20px;
  1471. color: #308cdb;
  1472. }
  1473. .ssjl_ul li h2 a.man{
  1474. background: url(../images/qy_ssrc_03.png) no-repeat right;
  1475. }
  1476. .ssjl_ul li h2 a.woman{
  1477. background: url(../images/qy_ssrc_11.png) no-repeat right;
  1478. }
  1479. .ssjl_ul li h2 span{
  1480. font-size: 1.1rem;
  1481. color: #333;
  1482. margin-left: 20px;
  1483. }
  1484. .ssjl_ul li h2 i{
  1485. font-size: 1.1rem;
  1486. color: #333;
  1487. margin-left: 20px;
  1488. }
  1489. .ssjl_ul li .qygr_img {/* height: 101px;*/padding: 1% 2%;}
  1490. .ssjl_ul li .qygr_img .qyss_img{
  1491. width: 80px;
  1492. height: 80px;
  1493. border-radius: 50%;
  1494. overflow: hidden;
  1495. margin-right: 20px;
  1496. }
  1497. .ssjl_ul li .qygr_img .qyss_txt {
  1498. width: 72%;
  1499. }
  1500. .ssjl_ul li .qygr_img .qyss_txt p{
  1501. font-size: 1rem;
  1502. line-height: 2.5rem;
  1503. }
  1504. .ssjl_ul li .qygr_img .qyss_txt .qyss_xl p{
  1505. font-size: 1rem;
  1506. line-height: 2rem;
  1507. }
  1508. .ssjl_ul li .qygr_img .qyss_jl p{
  1509. font-size: 1rem;
  1510. line-height: 2rem;
  1511. }
  1512. .ssjl_ul li .qygr_img .qyss_jl{
  1513. /* width:100%; */
  1514. padding: 2%;
  1515. background: #f9f9f9;
  1516. border: 1px solid #ccc;
  1517. line-height: 30px;
  1518. /* height: 60px;*/
  1519. margin-top: 15px;
  1520. font-size: 1rem;
  1521. }
  1522. .fl_span{
  1523. padding: 2% 0px;
  1524. }
  1525. .fl_span span {
  1526. padding: 5px 8px;
  1527. background: #eaeaea;
  1528. font-size: 1rem;
  1529. color: #666;
  1530. margin-right: 8px;
  1531. }
  1532. .gsxx_div{
  1533. padding: 2% 2%;
  1534. }
  1535. .gsxx_tit {
  1536. font-size: 1.2rem;
  1537. color: #318ddc;
  1538. font-weight: 900;
  1539. margin: 2% 0px 0px 0px;
  1540. }
  1541. .gsxx_div p {
  1542. padding: 5px 0px;
  1543. line-height: 2rem;
  1544. font-size: 1rem;
  1545. }
  1546. /*注册*/
  1547. .top_nav{
  1548. text-align:right;
  1549. padding: 1% 3%;
  1550. color: #0840C8;
  1551. }
  1552. .top_nav a{
  1553. color: #0840C8;
  1554. }
  1555. .zc_logo{
  1556. margin: 14% auto 10% auto;
  1557. }
  1558. .zc_logo img{
  1559. margin: 0px auto;
  1560. display: block;
  1561. }
  1562. .zc_content{
  1563. background: rgba(255, 255, 255, 0.76);
  1564. border-radius: 5px;
  1565. width: 85%;
  1566. padding: 2%;
  1567. margin: 0px auto;
  1568. }
  1569. .zc_content h1{
  1570. font-size: 1.4rem;
  1571. color: #333;
  1572. font-weight: 900;
  1573. text-align: center;
  1574. height: 3.5rem;
  1575. line-height: 3.5rem;
  1576. }
  1577. .con_form {
  1578. width: 98%;
  1579. margin: 3% auto;
  1580. }
  1581. .con_form .line {
  1582. height: 4rem;
  1583. line-height: 4rem;
  1584. }
  1585. .con_form .line span {
  1586. font-size: 1rem;
  1587. color: #333;
  1588. text-align: right;
  1589. width: 24%;
  1590. display: block;
  1591. float: left;
  1592. font-weight: 900;
  1593. margin-right: 10px;
  1594. letter-spacing: 2px;
  1595. }
  1596. .con_form .line input {
  1597. font-size: 1rem;
  1598. color: #333;
  1599. text-align: left;
  1600. width: 65%;
  1601. display: block;
  1602. float: left;
  1603. padding: 0px 15px;
  1604. border: 1px solid #ccc;
  1605. /* outline: 1px solid #318ddc;*/
  1606. height: 3rem;
  1607. line-height: 3rem;
  1608. margin-top: 8px;
  1609. *
  1610. font-size: 14px;
  1611. border-radius: 4px;
  1612. }
  1613. .con_form .line input::placeholder {
  1614. color: #999;
  1615. font-size: 14px;
  1616. *font-size: 14px;
  1617. }
  1618. .con_form .line i {
  1619. display: block;
  1620. float: left;
  1621. margin: 15px 12px;
  1622. width: 19px;
  1623. height: 13px;
  1624. }
  1625. .con_form .line i.i1 {
  1626. background: url(../images/sy_dz_03.png) no-repeat center;
  1627. }
  1628. .con_form .line i.i2 {
  1629. background: url(../images/sy_dz_02.png) no-repeat center;
  1630. }
  1631. .con_form .line i.i3 {
  1632. background: url(../images/sy_dz_04.png) no-repeat center;
  1633. }
  1634. .con_form .line .img_yzm {
  1635. width: 90px;
  1636. height: 35px;
  1637. background: #C6C6C6;
  1638. /* float: left; */
  1639. margin-right: 20px;
  1640. margin-top: 8px;
  1641. }
  1642. .con_form .line .inp_yzm {
  1643. width: 66%;
  1644. float: right;
  1645. margin-top: -10px;
  1646. margin-right: 7%;
  1647. }
  1648. .con_form .line input[type="checkbox"] {
  1649. width: 15px;
  1650. height: 15px;
  1651. margin: 17px 10px 10px 0px;
  1652. }
  1653. .con_form .line a {
  1654. color: #0c68b8;
  1655. }
  1656. .qr_btn {
  1657. width: 300px;
  1658. height: 40px;
  1659. line-height: 40px;
  1660. letter-spacing: 4px;
  1661. color: #fff!important;
  1662. font-size: 16px;
  1663. font-weight: 900;
  1664. background: #318ddc;
  1665. border-radius: 2px;
  1666. display: block;
  1667. margin: 40px auto 15px auto;
  1668. text-align: center;
  1669. }
  1670. .qr_btn:hover {
  1671. background: #176db7;
  1672. outline: 1px solid #053258;
  1673. }
  1674. .zc_footer {
  1675. width: 90%;
  1676. text-align: center;
  1677. padding: 20px 0px;
  1678. line-height: 1.5rem;
  1679. font-size: 1rem;
  1680. color: #fff;
  1681. overflow: hidden;
  1682. margin: 0px auto;
  1683. position: absolute;
  1684. bottom: 0%;
  1685. left: 50%;
  1686. margin-left: -45%;
  1687. }
  1688. .con_form2 h5 {
  1689. font-size: 1.1rem;
  1690. color: #333;
  1691. font-weight: 900;
  1692. margin-bottom: 2%;
  1693. }
  1694. .con_form2 h6 {
  1695. font-size: 1rem;
  1696. color: #333;
  1697. margin-bottom: 10px;
  1698. }
  1699. .con_form2 .line2 {
  1700. height: 80px;
  1701. }
  1702. .con_form2 .line p {
  1703. font-size: 16px;
  1704. color: #333;
  1705. height: 30px;
  1706. line-height: 30px;
  1707. font-weight: 900;
  1708. }
  1709. .con_form2 .line .yx_yz {
  1710. width: 69%;
  1711. padding: 0px 2%;
  1712. }
  1713. .con_form2 .line .yx_fs {
  1714. width: 25%;
  1715. border-radius: 1px;
  1716. margin-left: 3%;
  1717. border: 1px solid #117edc;
  1718. color: #117edc;
  1719. text-align: center;
  1720. background: #fff;
  1721. cursor: pointer;
  1722. font-size: 1rem;
  1723. padding: 0px 2%;
  1724. }
  1725. .con_form2 .line .yx_fs:hover {
  1726. color: #fff;
  1727. background: #117edc;
  1728. }
  1729. .con_form .fhdl_a {
  1730. color: #2f2e2e;
  1731. font-size: 1rem;
  1732. text-align: center;
  1733. display: block;
  1734. }
  1735. .con_form2 h4 {
  1736. font-size: 1.1rem;
  1737. font-weight: 900;
  1738. padding-left: 4%;
  1739. color: #333;
  1740. margin-bottom: 20px;
  1741. }
  1742. .con_form .sy_wjmm {
  1743. font-size: 1rem;
  1744. color: #1943C5;
  1745. display: block;
  1746. text-align: right;
  1747. height: 25px;
  1748. line-height: 25px;
  1749. padding-right: 40px;
  1750. }
  1751. .con_form .sy_qzc {
  1752. font-size: 14px;
  1753. color: #a5a1a1;
  1754. display: block;
  1755. text-align: center;
  1756. height: 30px;
  1757. line-height: 30px;
  1758. }
  1759. .qy_tita,.qy_tita1{
  1760. height: 3.5rem;
  1761. }
  1762. .qy_tita .qy_tit,.qy_tita1 .qy_tit{
  1763. width: 50%;
  1764. text-align: center;
  1765. float:left;
  1766. }
  1767. .qy_tita a.on,.qy_tita1 a.on{
  1768. border-bottom: 4px solid #318ddc;
  1769. }
  1770. .qy_tab,.qy_tab1{
  1771. display:none;
  1772. }
  1773. .nsr_inp{
  1774. width:90%;
  1775. text-align: right;
  1776. }
  1777. .nsr_inp::-webkit-input-placeholder{
  1778. text-align: left;
  1779. text-indent: 40px!important;
  1780. }
  1781. .nsr_a:after{
  1782. background: none!important;
  1783. }
  1784. .sczw{
  1785. background:url(icon_sc.png) no-repeat left center;
  1786. padding-left: 20px;
  1787. background-size: 18px;
  1788. margin-left: 5px;
  1789. color: #e6620a;
  1790. font-size: 1rem;
  1791. }
  1792. .content .btn_a{
  1793. float: left;
  1794. margin: 1%;
  1795. width: 44%;
  1796. height: 2rem;
  1797. line-height: 2rem;
  1798. background: #f1fdff;
  1799. padding: 2%;
  1800. font-size: 1rem;
  1801. overflow: hidden;
  1802. position: relative;
  1803. z-index: 9;
  1804. border-radius: 3px;
  1805. color: #333;
  1806. }
  1807. .content .btn_a::after{
  1808. content: '';
  1809. background:url(../images/fuwu.png) no-repeat right;
  1810. display: block;
  1811. position: absolute;
  1812. bottom: -15px;
  1813. right: 0.6rem;
  1814. width: 64px;
  1815. height: 64px;
  1816. z-index: -1;
  1817. }
  1818. .content .btn_a:active{
  1819. background: #d7e9ec;
  1820. text-shadow: 0px 0px 5px #06487d;
  1821. }
  1822. @media screen and (min-width: 320px) {
  1823. html {
  1824. font-size: 12px;
  1825. }
  1826. .nav a {
  1827. margin: 0px 1%;
  1828. }
  1829. }
  1830. @media screen and (min-width: 360px) {
  1831. .nav a {
  1832. /* margin: 0px 1%; */
  1833. }
  1834. }
  1835. @media screen and (min-width: 375px) {
  1836. html {
  1837. font-size: 14px;
  1838. }
  1839. .nav a {
  1840. /* margin: 0px 1%; */
  1841. }
  1842. }
  1843. @media screen and (min-width: 412px) {
  1844. html {
  1845. font-size: 14px;
  1846. }
  1847. .nav a {
  1848. margin: 0px 1%;
  1849. }
  1850. }
  1851. @media screen and (min-width: 480px) {
  1852. html {
  1853. font-size: 14px;
  1854. }
  1855. body {
  1856. background-size: contain;
  1857. }
  1858. .nav a {
  1859. margin: 0px 1%;
  1860. padding-top: 0px!important;
  1861. line-height: 70px;
  1862. width: 31.2%;
  1863. }
  1864. .sy_header img {
  1865. width: 45%;
  1866. }
  1867. .ss_dz a {
  1868. font-size: 0.8rem;
  1869. }
  1870. .sy_header .sy_ss .ss_inp {
  1871. height: 40px;
  1872. line-height: 40px;
  1873. }
  1874. .sy_header .sy_ss .ss_btn {
  1875. width: 50px;
  1876. height: 40px;
  1877. background-size: 24px;
  1878. }
  1879. .nav {
  1880. margin: 20px auto 20px auto;
  1881. }
  1882. }
  1883. @media screen and (min-width: 600px) {
  1884. html {
  1885. font-size: 20px;
  1886. }
  1887. body {
  1888. background-size: contain;
  1889. }
  1890. .sy_header img {
  1891. width: 45%;
  1892. }
  1893. .ss_dz a {
  1894. font-size: 0.8rem;
  1895. }
  1896. .sy_header .sy_ss .ss_inp {
  1897. height: 50px;
  1898. line-height: 50px;
  1899. }
  1900. .sy_header .sy_ss .ss_btn {
  1901. width: 60px;
  1902. height: 50px;
  1903. background-size: 28px;
  1904. }
  1905. .nav {
  1906. margin: 20px auto 20px auto;
  1907. }
  1908. .nav a {
  1909. margin: 0px 4.5%;
  1910. }
  1911. .sy_ban {
  1912. padding: 5px 0px 10px 0px;
  1913. margin-top: 0px;
  1914. }
  1915. .content h4 {
  1916. height: 50px;
  1917. line-height: 50px;
  1918. /* font-size: 1.2rem; */
  1919. }
  1920. }
  1921. @media screen and (min-width: 768px) {
  1922. html {
  1923. font-size: 20px;
  1924. }
  1925. body {
  1926. background-size: contain;
  1927. }
  1928. .sy_header img {
  1929. width: 45%;
  1930. }
  1931. .ss_dz a {
  1932. font-size: 0.8rem;
  1933. }
  1934. .sy_header .sy_ss .ss_inp {
  1935. height: 50px;
  1936. line-height: 50px;
  1937. }
  1938. .sy_header .sy_ss .ss_btn {
  1939. width: 60px;
  1940. height: 50px;
  1941. background-size: 28px;
  1942. }
  1943. .nav {
  1944. margin: 20px auto 20px auto;
  1945. }
  1946. .nav a {
  1947. margin: 0px 1%;
  1948. line-height: 100px;
  1949. height: 100px;
  1950. padding-top: 0px!important;
  1951. }
  1952. .nav a i {
  1953. width: 100%;
  1954. height: 100px;
  1955. background-size: 40px!important;
  1956. }
  1957. .nav a.syyc i {
  1958. background: #318ddc url(sy_sj_38.png) no-repeat 20px 25px;
  1959. }
  1960. .nav a.wlzp i {
  1961. background: #ff9191 url(sy_sj_44.png) no-repeat 20px 29px;
  1962. }
  1963. .nav a.gjrc i {
  1964. background: #2ecc71 url(sy_sj_41.png) no-repeat 20px 24px;
  1965. }
  1966. .nav a.zypx i {
  1967. background: #fe9126 url(sy_sj_47.png) no-repeat 39px 41px;
  1968. }
  1969. .sy_ban {
  1970. padding: 5px 0px 10px 0px;
  1971. margin-top: 0px;
  1972. }
  1973. .content h4 {
  1974. height: 50px;
  1975. line-height: 50px;
  1976. /* font-size: 1.2rem; */
  1977. }
  1978. }
  1979. @media screen and (min-width: 800px) {
  1980. html {
  1981. font-size: 22px;
  1982. }
  1983. body {
  1984. background-size: contain;
  1985. }
  1986. .sy_header img {
  1987. width: 50%;
  1988. }
  1989. .ss_dz a {
  1990. font-size: 1rem;
  1991. }
  1992. .sy_header .sy_ss .ss_inp {
  1993. height: 60px;
  1994. line-height: 60px;
  1995. }
  1996. .sy_header .sy_ss .ss_btn {
  1997. width: 70px;
  1998. height: 60px;
  1999. background-size: 32px;
  2000. }
  2001. .nav {
  2002. margin: 20px auto 20px auto;
  2003. }
  2004. .nav a {
  2005. margin: 0px 1%;
  2006. height: 128px;
  2007. line-height: 128px;
  2008. }
  2009. .nav a i {
  2010. width: 100%;
  2011. height: 128px;
  2012. background-size: 50px!important;
  2013. }
  2014. .nav a.syyc i {
  2015. background: #318ddc url(sy_sj_38.png) no-repeat 38px 34px;
  2016. width: 100%;
  2017. }
  2018. .nav a.wlzp i {
  2019. background: #ff9191 url(sy_sj_44.png) no-repeat 38px 37px;
  2020. }
  2021. .nav a.gjrc i {
  2022. background: #2ecc71 url(sy_sj_41.png) no-repeat 39px 31px;
  2023. width: 100;
  2024. }
  2025. .nav a.zypx i {
  2026. background: #fe9126 url(sy_sj_47.png) no-repeat 39px 41px;
  2027. }
  2028. .sy_ban {
  2029. padding: 5px 0px 10px 0px;
  2030. margin-top: 0px;
  2031. }
  2032. .content h4 {
  2033. height: 60px;
  2034. line-height: 60px;
  2035. /* font-size: 1.2rem; */
  2036. }
  2037. .all_list li {
  2038. line-height: 45px;
  2039. font-size: 1.5rem;
  2040. overflow: hidden;
  2041. }
  2042. }