style.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. a{ text-decoration: none;}
  2. a:hover{ text-decoration: none; }
  3. .page-top{ background-color: #101f48; }
  4. .page-topnav{ line-height: 80px; }
  5. .page-topnav a{ padding-left: 10px; padding-right: 10px; font-size: 16px; color: #FFFFFF; }
  6. .page-topnav a:hover{ text-shadow:2px 2px 2px #FFFFFF;}/*新增字体阴影效果*/
  7. .page-foot{ padding: 20px 0px; width: 100%; background-color: #f5f6fa; }
  8. .page-foot p{ color: #999999; }
  9. .pagefootbg{ position: fixed; bottom: 0px; z-index: 1; width: 100%; background-color: #FFFFFF; height: 117px; }
  10. .pagefoot{ position: fixed; bottom: 0px; margin: 0px auto; left: 0px; right: 0px; z-index: 2; text-align: center; min-height: 150px; }
  11. .pagefoot img{ }
  12. .pagefoot span{ position: absolute; top: 90px; right: 60px; z-index: 3; font-size: 18px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #DDDDDD; border-radius: 50%; }
  13. .pagefoot-height{ height: 117px; background-color: transparent; }
  14. .indexbg{ width: 100%; height: 500px; background-repeat: repeat-x; background-position: top center; background-size: auto 100%; }
  15. .indexgray{ width: 100%; background-color: #f5f6fa; padding-bottom: 20px; }
  16. .indexcomjobs .item{ padding: 10px; }
  17. .indexcomjobs .item>div{ background-color: #FFFFFF; padding: 10px 15px; }
  18. .indexcomjobs .item h4{ line-height: 40px; height: 40px; overflow: hidden; font-weight: bold; }
  19. .indexcomjobs .item p{ line-height: 30px; height: 30px; font-size: 16px; overflow: hidden; color: #999999; }
  20. .indexnum{ padding-top: 50px; }
  21. .indexnum p { font-size: 15px; line-height: 50px; color: #FFFFFF; }
  22. .indexnum p.num{ font-size: 25px; font-weight: 400; padding-top: 20px; color: #FFFFFF; }
  23. .indexcon{ }
  24. .indexcon>div { text-align: center; padding: 42px 0px; }
  25. .indexcon div img { width: 35px; }
  26. .indexcon div p { font-size: 14px; color: #000000; line-height: 30px; }
  27. .indexcon div span { display: block; font-size: 14px; color: #929596; font-size: 12px; }
  28. .comjobsnav{ }
  29. .comjobsnav a{ display: inline-block; padding: 5px 10px; font-size: 16px; color: #333333; }
  30. .comjobsnav a:first-child{ font-weight: bold; }
  31. .comjobsnav a.label{ color: #FFFFFF; }
  32. .comjobsitem{ }
  33. .comjobsitem .bwagall{ font-size: 18px; }
  34. /*新增头部搜索框*/
  35. .search{
  36. height: 29px;
  37. line-height: 29px;
  38. font-size: 16px;
  39. width: 120px;
  40. margin: 26px 0 0 0;
  41. }
  42. .search_btn{
  43. margin: 0px;
  44. }
  45. /*新增新闻选项卡 new_list*/
  46. .new_list{
  47. cursor: pointer;
  48. text-align: center;
  49. font-size: .18px;
  50. }
  51. .new_list>div{
  52. background-color: #277CE4 !important;
  53. }
  54. .new_list>div:hover{
  55. background-color: #1853C5 !important;
  56. }
  57. .new_list>div>a{
  58. color: #fff;
  59. }
  60. .tab1>div>ul>li{
  61. display:block;
  62. font-size:18px;
  63. margin-left:18px;
  64. padding-top:20px;
  65. }
  66. .tab1>div>ul>li>a{
  67. color: #333;
  68. }
  69. .tab1>div>ul>li>a:hover{
  70. text-decoration: underline;
  71. }
  72. /*业务大厅 office_hall*/
  73. .office_hall{
  74. display: block;
  75. width: 100%;
  76. height: 100%;
  77. color: :#f60;
  78. background-image: linear-gradient(to bottom,#816ABF,#1B51C3);
  79. font-size: 32px;
  80. text-align: center;
  81. padding-top: 60%;
  82. }
  83. /*业务菜单 office_list*/
  84. .office_list{
  85. width: 90%;
  86. float: left;
  87. height:356px;
  88. background-image: linear-gradient(to right,#ECEEF9,#BAD4F7);
  89. }
  90. .office_list>.top{
  91. width: 100%;
  92. height: 50%;
  93. float: left;
  94. }
  95. .office_list>.bot{
  96. width: 100%;
  97. height: 50%;
  98. float: left;
  99. }
  100. .tab{
  101. width: 160px;
  102. height: 145px;
  103. padding-top: 34px;
  104. display: block;
  105. float: left;
  106. text-align: center;
  107. margin-right:10px;
  108. font-size: 20px;
  109. color: #337AB7;
  110. }
  111. .tab>a{
  112. text-decoration: none;
  113. }
  114. .tab>a:hover{
  115. text-decoration: underline;
  116. }
  117. /*加入浮动二维码*/
  118. .pagecode{
  119. padding: 0px;
  120. display: block;
  121. position: fixed;
  122. right: 0px;
  123. top: 35%;
  124. width: 172px;
  125. height: 172px;
  126. z-index: 999;
  127. background-color: transparent;
  128. }
  129. /*新增在线招聘会*/
  130. .zph{
  131. width: 100%;
  132. height: 116px;
  133. margin-top: 10px;
  134. margin-bottom: 10px;
  135. text-align: center;
  136. cursor: pointer;
  137. }
  138. .zph>a{
  139. width: 100%;
  140. height: 100%;
  141. display: block;
  142. margin: 0px;
  143. padding-top: 20px;
  144. text-decoration: none;
  145. background-image: linear-gradient(to bottom,#1B5AE5,#1798FD);
  146. }
  147. .zph>a>h1{
  148. color: #FFFFFF;
  149. }