com_detail.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. @charset "utf-8";
  2. .company-detail-content{
  3. margin: 0 auto;
  4. width: 1920px;
  5. height: 1080px;
  6. background: url(../../../images/hardware/aio/aio/index-bg.png) no-repeat;
  7. overflow: hidden;
  8. }
  9. .detail-content-body{
  10. width: 100%;
  11. height: 876px;
  12. }
  13. .content-body-top{
  14. width: 100%;
  15. height: auto;
  16. padding-top: 176px;
  17. border-bottom:2px solid #0e58d6;
  18. box-shadow: 0px 15px 13px -10px #01326f;
  19. }
  20. .infolist-ul-li-table{
  21. width: 1100px;
  22. margin: 0 auto;
  23. height: 155px;
  24. }
  25. .infolist-ul-li-table td{
  26. text-align: left;
  27. }
  28. .table-td-left{
  29. float:left;
  30. }
  31. .table-td-left .company-logo{
  32. width:110px;
  33. height:110px;
  34. margin-top: 4px;
  35. }
  36. .td-left-info{
  37. margin-top: 5px;
  38. }
  39. .table-td-right{
  40. float: right;
  41. margin-top: 12px;
  42. background: none;
  43. border: none;
  44. background-image: url(../../../images/hardware/aio/company/company-backbth-bg.png);
  45. background-repeat: no-repeat;
  46. outline: none;
  47. width: 210px;
  48. height: 95px;
  49. font-family: MicrosoftYaHei;
  50. font-size: 26px;
  51. font-weight: normal;
  52. font-stretch: normal;
  53. line-height: 36px;
  54. letter-spacing: 0px;
  55. color: #ffffff;
  56. text-align: center;
  57. padding: 30px 0px;
  58. }
  59. .table-td-right a{
  60. color: #ffffff;
  61. }
  62. .td-left-info{
  63. margin-left: 45px;
  64. }
  65. .td-left-companyname{
  66. font-family: "MicrosoftYaHei";
  67. font-size: 26px;
  68. font-weight: normal;
  69. font-stretch: normal;
  70. line-height: 37px;
  71. letter-spacing: 0px;
  72. color: #ffffff;
  73. }
  74. .td-left-companyinfo{
  75. font-family: "MicrosoftYaHei";
  76. font-size: 22px;
  77. font-weight: normal;
  78. font-stretch: normal;
  79. line-height: 37px;
  80. letter-spacing: 0px;
  81. color: #92ccff;
  82. }
  83. .body-bottom-tab{
  84. width:100%;
  85. border-bottom:2px solid #0e58d6;
  86. box-shadow: 0px 15px 13px -10px #01326f;
  87. }
  88. .bottom-tab-content{
  89. width:1100px;
  90. margin: 0 auto;
  91. padding-top: 15px;
  92. }
  93. .bottom-tab-title{
  94. display: inline-block;
  95. font-family: "MicrosoftYaHei";
  96. font-size: 24px;
  97. font-weight: normal;
  98. font-stretch: normal;
  99. line-height: 55px;
  100. letter-spacing: 0px;
  101. color: #1084eb;
  102. margin-right: 15px;
  103. border-bottom: 2px solid #0e58d6;
  104. margin-bottom: -2px;
  105. cursor: pointer;
  106. }
  107. .bottom-tab-title-active{
  108. color:white !important;
  109. border-bottom: 2px solid white !important;
  110. }
  111. .body-bottom-content{
  112. width: 100%;
  113. margin: 0 auto;
  114. height: 471px;
  115. }
  116. .bottom-company-profile{
  117. font-size: 22px;
  118. font-weight: normal;
  119. font-stretch: normal;
  120. color: #fff;
  121. line-height: 40px;
  122. height: 439px;
  123. overflow-y: auto;
  124. width: 1100px;
  125. padding: 15px 0px;
  126. margin: 0 auto;
  127. text-indent: 48px;
  128. }
  129. .bottom-company-profile::-webkit-scrollbar {/*滚动条整体样式*/
  130. width: 15px; /*高宽分别对应横竖滚动条的尺寸*/
  131. height: 15px;
  132. }
  133. .bottom-company-profile::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  134. border-radius: 8px;
  135. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  136. background: #0482d0;
  137. }
  138. .bottom-company-profile::-webkit-scrollbar-track {
  139. /*滚动条里面轨道*/
  140. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  141. border-radius: 8px;
  142. background: #fff;
  143. }
  144. .bottom-company-profile p{
  145. text-indent: 45px;
  146. }
  147. .bottom-content-joblist{
  148. width: 1280px;
  149. height: 380px;
  150. margin: 0px 0px 0px 0px;
  151. }
  152. .bottom-joblist-ul{
  153. width: 1280px;
  154. }
  155. .joblist-ul-li{
  156. width: 1280px;
  157. height: 127px;
  158. border-bottom:2px solid #0e58d6;
  159. box-shadow: 0px 15px 13px -10px #01326f;
  160. }
  161. .joblist-ul-li-table{
  162. width: 1100px;
  163. margin: 0 auto;
  164. }
  165. .joblist-ul-li-table td{
  166. text-align: center;
  167. height: 120px;
  168. }
  169. .li-table-info{
  170. font-family: "MicrosoftYaHei";
  171. font-size: 22px;
  172. font-weight: normal;
  173. font-stretch: normal;
  174. letter-spacing: 0px;
  175. display: inline-block;
  176. padding: 30px 0px;
  177. }
  178. .joblist-ul-li-table td:first-child{
  179. color: #ffffff;
  180. width:180px;
  181. }
  182. .joblist-ul-li-table td a{
  183. color: #ffffff;
  184. }
  185. .joblist-ul-li-table td:first-child+td{
  186. color: #f6901e;
  187. width:120px;
  188. }
  189. .joblist-ul-li-table td:first-child+td+td{
  190. color: #92ccff;
  191. width:210px;
  192. }
  193. .joblist-ul-li-table td:first-child+td+td+td{
  194. color: #92ccff;
  195. width:230px;
  196. }
  197. .joblist-ul-li-table td:first-child+td+td+td+td{
  198. color: #92ccff;
  199. width:180px;
  200. }
  201. .joblist-ul-li-table td:first-child+td+td+td+td+td{
  202. width:180px;
  203. }
  204. .li-table-btn{
  205. width: 180px;
  206. height: 60px;
  207. font-family: "MicrosoftYaHei";
  208. font-size: 24px;
  209. font-weight: normal;
  210. font-stretch: normal;
  211. line-height: 36px;
  212. letter-spacing: 0px;
  213. color: #ffffff;
  214. background: none;
  215. border:2px solid #0e58d6;
  216. box-shadow: 0px 15px 13px -10px #01326f;
  217. border-radius: 8px;
  218. outline: none;
  219. }
  220. .li-table-btn a{
  221. color: #ffffff;
  222. }