achievementList.css 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403
  1. .search {
  2. overflow: hidden;
  3. }
  4. .search .search-inp {
  5. width: 100%;
  6. }
  7. .hotList li{
  8. transition: all .4s ease-in-out;
  9. }
  10. .hotList li:hover{
  11. box-shadow: 0 4px 10px #ccc;
  12. transition: all .4s ease-in;
  13. }
  14. .search .search-inp .input-group {
  15. width: 930px;
  16. }
  17. .industryList ul li.active span{
  18. color: #ff570c!important;
  19. }
  20. .search-inp div:nth-child(2) {
  21. margin: 0 20px;
  22. }
  23. .searchMain {
  24. padding-left: 26px;
  25. }
  26. /* 行业类别 */
  27. .industry {
  28. overflow: hidden;
  29. border: 1px dashed #eeeeee;
  30. border-style: solid solid dashed solid;
  31. }
  32. .industry>p {
  33. float: left;
  34. width: 115px;
  35. background: #f9f9f9;
  36. text-align: center;
  37. line-height: 82px;
  38. font-size: 14px;
  39. }
  40. .industryList ul li.active{
  41. color: #ff570c!important;
  42. }
  43. .industry .industryList {
  44. width: 1082px;
  45. float: left;
  46. overflow: hidden;
  47. height: 82px;
  48. padding: 18px 0px 22px 0px;
  49. }
  50. .industry .industryList ul{
  51. overflow: hidden;
  52. }
  53. .industry .industryList ul li {
  54. width: 90px;
  55. text-align: center;
  56. cursor: pointer;
  57. float: left;
  58. color: #7a7878;
  59. margin-bottom: 8px;
  60. font-size: 14px;
  61. }
  62. .industry .industryList ul li span {
  63. color: #7a7878
  64. }
  65. .industry .industryList ul li:hover span {
  66. color: #ff570c
  67. }
  68. /* 知产类型 */
  69. .productionType {
  70. height: 50px;
  71. border: 1px solid #eeeeee;
  72. border-top: none
  73. }
  74. .productionType>p {
  75. width: 115px;
  76. font-size: 14px;
  77. text-align: center;
  78. float: left;
  79. background: #f9f9f9
  80. }
  81. .productionType ol {
  82. float: left;
  83. width: 1080px;
  84. }
  85. .productionType ol li.active{
  86. color: #ff570c!important;
  87. }
  88. .productionType ol li {
  89. float: left;
  90. width: 120px;
  91. text-align: center;
  92. color: #7a7878;
  93. line-height: 30px;
  94. }
  95. .productionType ol li:hover {
  96. color: #ff570c;
  97. cursor: pointer;
  98. }
  99. .onSelect p {
  100. float: left;
  101. width: 115px;
  102. height: 60px;
  103. text-align: center;
  104. line-height: 60px;
  105. }
  106. .onSelect ol {
  107. float: left;
  108. margin-top: 16px;
  109. }
  110. .onSelect ol li {
  111. display:none;
  112. float: left;
  113. color: #7a7878;
  114. height: 28px;
  115. line-height: 28px;
  116. padding: 0px 10px;
  117. border: 1px solid #b8d3e4;
  118. background: #f3f9fc;
  119. margin-right: 10px;
  120. }
  121. .onSelect ol li span {
  122. font-size: 14px;
  123. color: #1f1f1f;
  124. }
  125. .onSelect ol li .typeClose {
  126. color: #6ea7c9;
  127. cursor: pointer;
  128. float: right;
  129. display: inline-block;
  130. margin-left: 10px;
  131. }
  132. /* 精品技术 */
  133. .achievementList {
  134. clear: both;
  135. padding-top: 30px
  136. }
  137. .achievementList .fineQuality {
  138. float: left;
  139. width: 220px;
  140. text-align: center;
  141. background: #f9f9f9;
  142. border: 1px solid #e7e7e7;
  143. padding-bottom: 20px;
  144. }
  145. .fineQuality>img {
  146. margin-top: -15px;
  147. margin-bottom: 14px;
  148. }
  149. .fineQuality ol {
  150. padding: 0 10px;
  151. }
  152. .fineQuality ol li {
  153. font-size: 14px;
  154. border-bottom: 1px dashed #ccc;
  155. padding-bottom: 10px;
  156. margin-bottom: 14px;
  157. }
  158. .fineQuality ol li img {
  159. width: 100%;
  160. width: 198px;
  161. height: 120px;
  162. display: inline-block;
  163. transition: all .2s ease-in-out;
  164. }
  165. .fineQuality ol li .title-sm {
  166. display: inline-block;
  167. padding: 0 5px;
  168. background: #ffe8d9;
  169. color: #ff6600;
  170. font-size: 14px;
  171. height: 22px;
  172. line-height: 22px;
  173. margin-right: 5px;
  174. }
  175. .fineQuality ol li p {
  176. text-align: left;
  177. margin-top: 10px;
  178. overflow: hidden;
  179. white-space: nowrap;
  180. text-overflow: ellipsis;
  181. -o-text-overflow: ellipsis;
  182. color: #333;
  183. }
  184. .fineQuality ol li a>div{
  185. width: 198px;
  186. height: 120px;
  187. overflow: hidden;
  188. }
  189. .fineQuality ol li p span{
  190. color: #333;
  191. }
  192. .fineQuality ol li:hover p span{
  193. color: #ff570c;
  194. }
  195. .fineQuality ol li:hover img{
  196. transform: scale(1.05);
  197. transition: all .2s ease-in
  198. }
  199. .achievementHot {
  200. width: 955px;
  201. float: right;
  202. }
  203. .pagination_box{
  204. clear: both;
  205. overflow: hidden;
  206. }
  207. .navigation{
  208. clear: both;
  209. }
  210. .pagination_box {
  211. width: 100%;
  212. line-height: 74px
  213. }
  214. .pagination_box nav {
  215. float: right;
  216. }
  217. .pagination_box ul li a {
  218. color: #333
  219. }
  220. .pagination_box .pagination {
  221. float: right;
  222. margin-right: 20px;
  223. }
  224. .pagination_box .totalCount {
  225. float: right;
  226. display: inline-block;
  227. margin-right: 15px;
  228. }
  229. .achievementHot>ul>li {
  230. float: left;
  231. width: 308px;
  232. margin-left: 15.5px;
  233. margin-bottom: 22px;
  234. }
  235. .achievementHot>ul>li>div {
  236. width: 114px;
  237. height: 114px;
  238. overflow: hidden;
  239. }
  240. .achievementHot>ul>li>div>img {
  241. width: 100%;
  242. height: 100%;
  243. }
  244. .achievementHot ul li:nth-child(3n+1) {
  245. margin-left: 0
  246. }
  247. .achievementHot ul li .txts h5 {
  248. font-weight: normal;
  249. font-size: 14px;
  250. color: #1f1f1f;
  251. overflow: hidden;
  252. white-space: nowrap;
  253. text-overflow: ellipsis;
  254. -o-text-overflow: ellipsis;
  255. padding: 10px 2px;
  256. }
  257. .achievementHot ul li .hr {
  258. width: 100%;
  259. height: 18px;
  260. background: url(../../../img/newMenu/achievement_27.jpg) no-repeat;
  261. background-size: 100% 100%;
  262. margin: 1px 0px;
  263. }
  264. .achievementHot ul li .txts p span {
  265. color: #7a7878;
  266. font-size: 12px;
  267. display: inline-block;
  268. margin-right: 5px;
  269. }
  270. .achievementHot ul li .txts .hotImg {
  271. float: right;
  272. margin-right: 16px;
  273. height: 18px;
  274. width: 32px;
  275. display: inline-block;
  276. background: url(../../../img/newMenu/achievement_hot.jpg) no-repeat;
  277. background-size: 100% 100%;
  278. }
  279. .achievementHot .btnTxt span {
  280. padding: 0 10px;
  281. height: 24px;
  282. margin: 0 auto;
  283. display: inline-block;
  284. text-align: center;
  285. font-size: 14px;
  286. color: #ff6600;
  287. border: 1px solid #ff6600;
  288. line-height: 24px;
  289. margin: 0 3px;
  290. overflow: hidden;
  291. white-space: nowrap;
  292. text-overflow: ellipsis;
  293. }
  294. .achievementHot ul li .img {
  295. float: left;
  296. width: 114px;
  297. height: 114px;
  298. position: relative;
  299. }
  300. .achievementHot ul li .img img {
  301. width: 100%;
  302. height: 100%;
  303. }
  304. .achievementHot ul li .img span {
  305. position: absolute;
  306. left: 0;
  307. top: 0;
  308. z-index: 9999;
  309. width: 48px;
  310. height: 41px;
  311. background: url(../../../img/newMenu/achievement_26.png) no-repeat;
  312. background-size: 100% 100%;
  313. }
  314. .achievementHot ul li .txtIntroduce {
  315. float: left;
  316. width: 194px;
  317. border: 1px solid #efefef;
  318. height: 114px;
  319. padding: 0px 10px 12px;
  320. }
  321. .inp{
  322. float: right;
  323. }
  324. .pagination_box{
  325. display: none;
  326. }
  327. .list_none {
  328. width: 550px;
  329. height: 150px;
  330. background: url("../../../img/all_null.png") no-repeat;
  331. margin: 50px auto;
  332. }
  333. .inp{
  334. display: none;
  335. }
  336. .inp input{
  337. width:40px;
  338. height: 35px;
  339. text-align: center;
  340. border-radius: 5px;
  341. border:1px solid #ccc;
  342. }
  343. .inp button{
  344. margin: 0 10px;
  345. width: 50px;
  346. }
  347. /* 默认图片 */
  348. .noImg{
  349. background: url(../../../img/initPic/demandInit.jpg) no-repeat;
  350. background-size:100% 100%;
  351. }
  352. .achievemrntImg {
  353. background: url(../../../img/initPic/achievementInit.png) no-repeat;
  354. background-size:100% 100%;
  355. }