achievementList.css 6.9 KB

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