serviceList.css 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518
  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. cursor: pointer;
  163. float: left;
  164. width: 308px;
  165. margin-left: 37px;
  166. margin-bottom: 22px;
  167. }
  168. .achievementHot>ul>li>div {
  169. width: 114px;
  170. height: 75px;
  171. overflow: hidden;
  172. }
  173. .achievementHot>ul>li>div img {
  174. width: 100%;
  175. height: 100%;
  176. }
  177. .achievementHot ul li:nth-child(5n+1) {
  178. margin-left: 0
  179. }
  180. .achievementHot ul li .txts h5 {
  181. font-weight: normal;
  182. font-size: 14px;
  183. text-align: center;
  184. color: #1f1f1f;
  185. overflow: hidden;
  186. white-space: nowrap;
  187. text-overflow: ellipsis;
  188. -o-text-overflow: ellipsis;
  189. padding: 10px 2px 0;
  190. }
  191. .achievementHot ul li:hover{
  192. transform: scale(1.001);
  193. box-shadow: 1px 1px 0 #f5f5f5, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa,
  194. 6px 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .3), 3px 3px 5px rgba(0, 0, 0, .2),
  195. 5px 5px 10px rgba(0, 0, 0, .23), 10px 10px 10px rgba(0, 0, 0, .2), 20px 20px 20px rgba(0, 0, 0, .15);
  196. transition: all .2s ease-in;
  197. }
  198. .achievementHot ul li:hover .txts h5{
  199. color: #0a7dd4;
  200. }
  201. .achievementHot ul li .hr {
  202. width: 100%;
  203. height: 18px;
  204. background: url(../../../img/newMenu/achievement_27.jpg) no-repeat;
  205. background-size: 100% 100%;
  206. margin: 1px 0px;
  207. }
  208. .achievementHot ul li .txts p span {
  209. color: #7a7878;
  210. font-size: 12px;
  211. display: inline-block;
  212. margin-right: 5px;
  213. }
  214. .achievementHot ul li .txts .hotImg {
  215. float: right;
  216. margin-right: 16px;
  217. height: 18px;
  218. width: 32px;
  219. display: inline-block;
  220. background: url(../../../img/newMenu/achievement_hot.jpg) no-repeat;
  221. background-size: 100% 100%;
  222. }
  223. .achievementHot .btnTxt span {
  224. width: 64px;
  225. height: 24px;
  226. display: inline-block;
  227. text-align: center;
  228. font-size: 14px;
  229. color: #ff6600;
  230. border: 1px solid #ff6600;
  231. line-height: 24px;
  232. margin: 0 3px;
  233. }
  234. .achievementHot ul li .img {
  235. width: 100%;
  236. height:190px;
  237. position: relative;
  238. }
  239. .achievementHot ul li{
  240. width: 210px;
  241. transition: all .2s ease-in;
  242. }
  243. .achievementHot ul li .img img {
  244. width: 100%;
  245. height: 100%;
  246. }
  247. .achievementHot ul li .img span {
  248. position: absolute;
  249. left: 0;
  250. top: 0;
  251. z-index: 9999;
  252. width: 44px;
  253. height: 44px;
  254. background: url(../../../img/newMenu/achievement_26.png) no-repeat;
  255. background-size: 100% 100%;
  256. }
  257. .achievementHot ul li .txtIntroduce {
  258. width: 100%;
  259. border: 1px solid #efefef;
  260. padding: 0px 10px 12px;
  261. }
  262. .txtIntroduce .btnTxt p{
  263. color:#787878;
  264. overflow: hidden;
  265. display: -webkit-box;
  266. text-overflow: ellipsis;
  267. -webkit-box-orient: vertical;
  268. -webkit-line-clamp:3;
  269. }
  270. .txtIntroduce .btnTxt{
  271. padding-top: 9px;
  272. }
  273. .inp{
  274. float: right;
  275. }
  276. .pagination_box{
  277. display: none;
  278. }
  279. .list_none {
  280. width: 550px;
  281. height: 150px;
  282. background: url("../../../img/all_null.png") no-repeat;
  283. margin: 50px auto;
  284. }
  285. .inp{
  286. display: none;
  287. }
  288. .inp input{
  289. width:40px;
  290. height: 35px;
  291. text-align: center;
  292. border-radius: 5px;
  293. border:1px solid #ccc;
  294. }
  295. .inp button{
  296. margin: 0 10px;
  297. width: 50px;
  298. vertical-align: middle;
  299. margin-top: -5px;
  300. }
  301. .search{
  302. width: 100%;
  303. height: 52px;
  304. line-height: 52px;
  305. background: #f9f9f9;
  306. }
  307. .searchService .input-group {
  308. width: 530px!important;
  309. height: 36px!important ;
  310. line-height: 36px!important;
  311. }
  312. .search .search-inp input{
  313. font-size: 14px!important;
  314. }
  315. .searchService .input-group input{
  316. font-size: 14px;
  317. height: 36px!important ;
  318. line-height: 36px!important;
  319. border-color: #b7d3e1!important;
  320. }
  321. .search .search-inp button,.search-inp .form-control{
  322. border-radius: 0!important;
  323. }
  324. .searchService button{
  325. height: 36px!important ;
  326. line-height: 23px!important;
  327. }
  328. .searchService span img{
  329. vertical-align: top
  330. }
  331. .searchService .search-inp{
  332. float: right;
  333. margin-right: 10px;
  334. vertical-align: top;
  335. margin-top: 8px;
  336. }
  337. .search .hot{
  338. }
  339. .search .hot p {
  340. float: left;
  341. font-size: 14px;
  342. width: 42px;
  343. height:18px;
  344. line-height: 18px;
  345. color: #ffffff;
  346. font-size: 14px;
  347. vertical-align: top;
  348. margin-left: 26px;
  349. margin-top: 18px;
  350. text-align: center;
  351. background: #fa2902;
  352. border-radius: 10px;
  353. margin-right: 18px;
  354. }
  355. .search .hot ul {
  356. float: left;
  357. }
  358. .search .hot ul li{
  359. float: left;
  360. }
  361. .search .hot ul li {
  362. cursor: pointer;
  363. margin-right: 22px;
  364. }
  365. .search .hot ul li.active{
  366. color: #fa2902
  367. }
  368. /* 默认图片 */
  369. .serviceImg{
  370. background: url(../../../img/initPic/serviceInit.jpg) no-repeat;
  371. background-size:100% 100%;
  372. }
  373. .industryList ul li {
  374. position: relative;
  375. z-index: 10;
  376. }
  377. .industryList ul li div{
  378. display: none;
  379. position: absolute;
  380. background: #1797e9;
  381. color: #fff;
  382. top: 60px;
  383. z-index:999;
  384. width: 100%;
  385. text-align: center;
  386. border-radius: 5px;
  387. box-shadow: 0 0 10px #ccc;
  388. }
  389. .industryList ul li div::before{
  390. content: '';
  391. width: 10px;
  392. height: 10px;
  393. display: inline-block;
  394. position: absolute;
  395. top: -5px;
  396. left: 50%;
  397. margin-left: -5px;
  398. background: #1797e9;
  399. transform: rotate(45deg)
  400. }
  401. .industryList ul li div p{
  402. height: 30px;
  403. line-height: 30px;
  404. }
  405. .onSelect{
  406. clear: both;
  407. height: 60px;
  408. }
  409. .objList{
  410. clear: both;
  411. height: 50px;
  412. line-height: 50px;
  413. width: 90%;
  414. border: 1px solid #ccc;
  415. margin-left: 20px;
  416. padding:0 20px
  417. }
  418. .objList div{
  419. display: none;
  420. }
  421. .objList div span{
  422. font-size: 12px;
  423. padding: 0 20px;
  424. color: #7a7878;
  425. height: 30px;
  426. display: inline-block;
  427. line-height: 28px;
  428. border: 1px solid #ccc;
  429. cursor: pointer;
  430. margin-right: 10px;
  431. }
  432. .objList div span.active{
  433. font-weight: 700;
  434. background: #1797e9;
  435. color: #ffffff;
  436. }
  437. .objList div.active{
  438. display: block;
  439. }
  440. .txtIntroduce .btnTxts {
  441. color: #333;
  442. margin-top: 10px;
  443. }
  444. .txtIntroduce .btnTxts a{
  445. display: inline-block;
  446. width: 140px;
  447. overflow: hidden;
  448. white-space: nowrap;
  449. text-overflow: ellipsis;
  450. -o-webkit-overflow:ellipsis;
  451. float: left;
  452. color: #333;
  453. }
  454. .txtIntroduce .btnTxts a span{
  455. display: inline-block;
  456. margin-right: 5px;
  457. }
  458. .txtIntroduce .btnTxts>span{
  459. float: right;
  460. }
  461. .pagination_box .inp button{
  462. margin-top: -5px;
  463. }