serviceList.css 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492
  1. /* 行业类别 */
  2. .industry {
  3. border: 1px dashed #eeeeee;
  4. border-style: solid solid dashed solid;
  5. margin-top: 12px;
  6. height:110px;
  7. }
  8. .industry>p {
  9. float: left;
  10. width: 115px;
  11. background: #f9f9f9;
  12. text-align: center;
  13. font-size: 14px;
  14. height: 110px;
  15. line-height: 110px;
  16. border-bottom: 1px dotted #eeeeee;
  17. }
  18. .industry .industryList {
  19. width: 1082px;
  20. float: left;
  21. }
  22. .industry .industryList ul li {
  23. /* height: 82px;
  24. line-height: 82px; */
  25. text-align: center;
  26. cursor: pointer;
  27. float: left;
  28. font-size: 14px;
  29. color: #333;
  30. line-height: 48px;
  31. }
  32. .industry .industryList ul{
  33. /* height: 82px; */
  34. }
  35. .industry .industryList ul li span{
  36. display: inline-block;
  37. /* height: 82px;line-height: 82px; */
  38. padding: 0 20px;
  39. }
  40. .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{
  41. width: 105px;
  42. }
  43. .industryList ul li:hover div{
  44. display: block;
  45. }
  46. .industry .industryList ul li:hover span{
  47. color: #1797e9;
  48. font-weight: 700
  49. }
  50. .industry .industryList ul li.active span,.productionType ol li.active{
  51. color: #1797e9;
  52. font-weight: 700
  53. }
  54. .industry .industryList ul li span {
  55. color: #7a7878
  56. }
  57. /* 知产类型 */
  58. .productionType {
  59. clear: both;
  60. overflow: hidden;
  61. border: 1px solid #eeeeee;
  62. border-top: none
  63. }
  64. .productionType>p {
  65. width: 115px;
  66. height: 49px;
  67. line-height: 50px;
  68. font-size: 14px;
  69. text-align: center;
  70. float: left;
  71. background: #f9f9f9
  72. }
  73. .productionType ol {
  74. float: left;
  75. width: 1082px;
  76. }
  77. .productionType ol li {
  78. float: left;
  79. padding: 0 20px;
  80. text-align: center;
  81. line-height: 50px;
  82. color: #7a7878
  83. }
  84. .productionType ol li:hover {
  85. color: #1797e9;
  86. cursor: pointer;
  87. }
  88. .onSelect p {
  89. float: left;
  90. width: 115px;
  91. height: 60px;
  92. text-align: center;
  93. line-height: 60px;
  94. }
  95. .onSelect .next{
  96. margin-left: 20px;
  97. }
  98. .onSelect .next::before{
  99. content: '>';
  100. display: inline-block;
  101. margin-left: -30px;
  102. margin-right: 16px;
  103. font-weight: 700
  104. }
  105. .onSelect ol {
  106. float: left;
  107. margin-top: 16px;
  108. }
  109. .onSelect ol li {
  110. display:none;
  111. float: left;
  112. color: #7a7878;
  113. height: 28px;
  114. line-height: 26px;
  115. padding: 0px 10px;
  116. border: 1px solid #b8d3e4;
  117. background: #f3f9fc;
  118. margin-right: 10px;
  119. }
  120. .onSelect ol li span {
  121. font-size: 14px;
  122. color: #1f1f1f;
  123. height: 28px;
  124. line-height: 26px;
  125. }
  126. .onSelect ol li .typeClose {
  127. color: #6ea7c9;
  128. cursor: pointer;
  129. float: right;
  130. display: inline-block;
  131. margin-left: 10px;
  132. }
  133. /* 精品技术 */
  134. .achievementList {
  135. clear: both;
  136. padding-top: 30px
  137. }
  138. .achievementHot {
  139. width: 100%;
  140. }
  141. .pagination_box {
  142. width: 100%;
  143. line-height: 74px
  144. }
  145. .pagination_box nav {
  146. float: right;
  147. clear: both;
  148. }
  149. .pagination_box ul li a {
  150. color: #333
  151. }
  152. .pagination_box .pagination {
  153. float: right;
  154. margin-right: 20px;
  155. }
  156. .pagination_box .totalCount {
  157. float: right;
  158. display: inline-block;
  159. margin-right: 15px;
  160. }
  161. .achievementHot>ul>li {
  162. float: left;
  163. width: 308px;
  164. margin-left: 37px;
  165. margin-bottom: 22px;
  166. }
  167. .achievementHot>ul>li>div {
  168. width: 114px;
  169. height: 114px;
  170. overflow: hidden;
  171. }
  172. .achievementHot>ul>li>div img {
  173. width: 100%;
  174. height: 100%;
  175. }
  176. .achievementHot ul li:nth-child(5n+1) {
  177. margin-left: 0
  178. }
  179. .achievementHot ul li .txts h5 {
  180. font-weight: normal;
  181. font-size: 14px;
  182. text-align: center;
  183. color: #1f1f1f;
  184. overflow: hidden;
  185. white-space: nowrap;
  186. text-overflow: ellipsis;
  187. -o-text-overflow: ellipsis;
  188. padding: 10px 2px 0;
  189. }
  190. .achievementHot ul li:hover{
  191. box-shadow: 0 0 20px #ccc;
  192. transition: all .2s ease-in;
  193. }
  194. .achievementHot ul li:hover .txts h5{
  195. color: #0a7dd4;
  196. }
  197. .achievementHot ul li .hr {
  198. width: 100%;
  199. height: 18px;
  200. background: url(../../../img/newMenu/achievement_27.jpg) no-repeat;
  201. background-size: 100% 100%;
  202. margin: 1px 0px;
  203. }
  204. .achievementHot ul li .txts p span {
  205. color: #7a7878;
  206. font-size: 12px;
  207. display: inline-block;
  208. margin-right: 5px;
  209. }
  210. .achievementHot ul li .txts .hotImg {
  211. float: right;
  212. margin-right: 16px;
  213. height: 18px;
  214. width: 32px;
  215. display: inline-block;
  216. background: url(../../../img/newMenu/achievement_hot.jpg) no-repeat;
  217. background-size: 100% 100%;
  218. }
  219. .achievementHot .btnTxt span {
  220. width: 64px;
  221. height: 24px;
  222. display: inline-block;
  223. text-align: center;
  224. font-size: 14px;
  225. color: #ff6600;
  226. border: 1px solid #ff6600;
  227. line-height: 24px;
  228. margin: 0 3px;
  229. }
  230. .achievementHot ul li .img {
  231. width: 100%;
  232. height:150px;
  233. position: relative;
  234. }
  235. .achievementHot ul li{
  236. width: 210px;
  237. transition: all .2s ease-in;
  238. }
  239. .achievementHot ul li .img img {
  240. width: 100%;
  241. height: 100%;
  242. }
  243. .achievementHot ul li .img span {
  244. position: absolute;
  245. left: 0;
  246. top: 0;
  247. z-index: 9999;
  248. width: 44px;
  249. height: 44px;
  250. background: url(../../../img/newMenu/achievement_26.png) no-repeat;
  251. background-size: 100% 100%;
  252. }
  253. .achievementHot ul li .txtIntroduce {
  254. width: 100%;
  255. border: 1px solid #efefef;
  256. height: 130px;
  257. padding: 0px 10px 12px;
  258. }
  259. .txtIntroduce .btnTxt p{
  260. color:#787878;
  261. overflow: hidden;
  262. display: -webkit-box;
  263. text-overflow: ellipsis;
  264. -webkit-box-orient: vertical;
  265. -webkit-line-clamp:3;
  266. }
  267. .txtIntroduce .btnTxt{
  268. padding-top: 9px;
  269. }
  270. .inp{
  271. float: right;
  272. }
  273. .pagination_box{
  274. display: none;
  275. }
  276. .list_none {
  277. width: 550px;
  278. height: 150px;
  279. background: url("../../../img/all_null.png") no-repeat;
  280. margin: 50px auto;
  281. }
  282. .inp{
  283. display: none;
  284. }
  285. .inp input{
  286. width:40px;
  287. height: 35px;
  288. text-align: center;
  289. border-radius: 5px;
  290. border:1px solid #ccc;
  291. }
  292. .inp button{
  293. margin: 0 10px;
  294. width: 50px;
  295. }
  296. .search{
  297. width: 100%;
  298. height: 52px;
  299. line-height: 52px;
  300. background: #f9f9f9;
  301. }
  302. .searchService .input-group {
  303. width: 530px!important;
  304. height: 36px!important ;
  305. line-height: 36px!important;
  306. }
  307. .search .search-inp input{
  308. font-size: 14px!important;
  309. }
  310. .searchService .input-group input{
  311. font-size: 14px;
  312. height: 36px!important ;
  313. line-height: 36px!important;
  314. border-color: #b7d3e1!important;
  315. }
  316. .search .search-inp button,.search-inp .form-control{
  317. border-radius: 0!important;
  318. }
  319. .searchService button{
  320. height: 36px!important ;
  321. line-height: 23px!important;
  322. }
  323. .searchService span img{
  324. vertical-align: top
  325. }
  326. .searchService .search-inp{
  327. float: right;
  328. margin-right: 10px;
  329. vertical-align: top;
  330. margin-top: 8px;
  331. }
  332. .search .hot{
  333. }
  334. .search .hot p {
  335. float: left;
  336. font-size: 14px;
  337. width: 42px;
  338. height:18px;
  339. line-height: 18px;
  340. color: #ffffff;
  341. font-size: 14px;
  342. vertical-align: top;
  343. margin-left: 26px;
  344. margin-top: 18px;
  345. text-align: center;
  346. background: #fa2902;
  347. border-radius: 10px;
  348. margin-right: 18px;
  349. }
  350. .search .hot ul {
  351. float: left;
  352. }
  353. .search .hot ul li{
  354. float: left;
  355. }
  356. .search .hot ul li {
  357. cursor: pointer;
  358. margin-right: 22px;
  359. }
  360. .search .hot ul li.active{
  361. color: #fa2902
  362. }
  363. /* 默认图片 */
  364. .serviceImg{
  365. background: url(../../../img/initPic/serviceInit.jpg) no-repeat;
  366. background-size:100% 100%;
  367. }
  368. .industryList ul li {
  369. position: relative;
  370. z-index: 10;
  371. }
  372. .industryList ul li div{
  373. display: none;
  374. position: absolute;
  375. background: #1797e9;
  376. color: #fff;
  377. top: 60px;
  378. z-index:999;
  379. width: 100%;
  380. text-align: center;
  381. border-radius: 5px;
  382. box-shadow: 0 0 10px #ccc;
  383. }
  384. .industryList ul li div::before{
  385. content: '';
  386. width: 10px;
  387. height: 10px;
  388. display: inline-block;
  389. position: absolute;
  390. top: -5px;
  391. left: 50%;
  392. margin-left: -5px;
  393. background: #1797e9;
  394. transform: rotate(45deg)
  395. }
  396. .industryList ul li div p{
  397. height: 30px;
  398. line-height: 30px;
  399. }
  400. .onSelect{
  401. clear: both;
  402. height: 60px;
  403. }
  404. .objList{
  405. clear: both;
  406. height: 50px;
  407. line-height: 50px;
  408. width: 90%;
  409. border: 1px solid #ccc;
  410. margin-left: 20px;
  411. padding:0 20px
  412. }
  413. .objList div{
  414. display: none;
  415. }
  416. .objList div span{
  417. font-size: 12px;
  418. padding: 0 20px;
  419. color: #7a7878;
  420. height: 30px;
  421. display: inline-block;
  422. line-height: 28px;
  423. border: 1px solid #ccc;
  424. cursor: pointer;
  425. margin-right: 10px;
  426. }
  427. .objList div span.active{
  428. font-weight: 700;
  429. background: #1797e9;
  430. color: #ffffff;
  431. }
  432. .objList div.active{
  433. display: block;
  434. }