achievementDetail.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. .search{
  2. overflow: hidden;
  3. }
  4. .search .search-inp{
  5. width: 100%;
  6. }
  7. .search .search-inp .input-group{
  8. width: 930px;
  9. }
  10. .search-inp div:nth-child(2){
  11. margin: 0 20px;
  12. }
  13. .searchMain{
  14. padding-left: 26px;
  15. }
  16. /* 行业类别 */
  17. .industry {
  18. overflow: hidden;
  19. border: 1px dashed #eeeeee;
  20. border-style: solid solid dashed solid;
  21. }
  22. .industry>p{
  23. float: left;
  24. height: 82px;
  25. width: 115px;
  26. background: #f9f9f9;
  27. text-align: center;
  28. line-height: 82px;
  29. font-size: 14px;
  30. }
  31. .industry .industryList{
  32. width: 1082px;
  33. float: left;
  34. overflow: hidden;
  35. height: 82px;
  36. padding: 18px 0px 22px 0px;
  37. }
  38. .industry .industryList ul li {
  39. width: 90px;
  40. text-align: center;
  41. cursor: pointer;
  42. float: left;
  43. margin-bottom: 8px;
  44. font-size: 14px;
  45. }
  46. .industry .industryList ul li span{
  47. color: #7a7878
  48. }
  49. .industry .industryList ul li:hover span{
  50. color: #ff570c
  51. }
  52. /* 知产类型 */
  53. .productionType{
  54. height: 50px;
  55. border: 1px solid #eeeeee;
  56. border-top: none
  57. }
  58. .productionType>p{
  59. width: 115px;
  60. height: 49px;
  61. line-height: 50px;
  62. font-size: 14px;
  63. text-align: center;
  64. float: left;
  65. background: #f9f9f9
  66. }
  67. .productionType ol{
  68. float: left;
  69. }
  70. .productionType ol li{
  71. float: left;
  72. width: 90px;
  73. text-align: center;
  74. line-height: 50px;
  75. color: #7a7878
  76. }
  77. .productionType ol li:hover{
  78. color: #ff570c;
  79. cursor: pointer;
  80. }
  81. .onSelect p{
  82. float: left;
  83. width: 115px;
  84. height: 60px;
  85. text-align: center;
  86. line-height: 60px;
  87. }
  88. .onSelect ol{
  89. float: left;
  90. margin-top: 16px;
  91. }
  92. .onSelect ol li{
  93. float: left;
  94. color: #7a7878;
  95. height: 28px;
  96. line-height: 28px;
  97. padding:0px 10px;
  98. border: 1px solid #b8d3e4;
  99. background: #f3f9fc;
  100. }
  101. .onSelect ol li span{
  102. font-size: 14px;
  103. color: #1f1f1f;
  104. }
  105. .onSelect ol li:nth-child(2){
  106. border: none;
  107. }
  108. .onSelect ol li .typeClose{
  109. color: #6ea7c9;
  110. cursor: pointer;
  111. float: right;
  112. display: inline-block;
  113. margin-left: 10px;
  114. }
  115. /* 精品技术 */
  116. .achievementList{
  117. clear: both;
  118. padding-top: 30px
  119. }
  120. .achievementList .fineQuality{
  121. float: left;
  122. width: 220px;
  123. text-align: center;
  124. background: #f9f9f9;
  125. border: 1px solid #e7e7e7;
  126. padding-bottom: 20px;
  127. }
  128. .fineQuality>img{
  129. margin-top: -15px;
  130. margin-bottom: 14px;
  131. }
  132. .fineQuality ol{
  133. padding: 0 10px;
  134. }
  135. .fineQuality ol li {
  136. font-size: 14px;
  137. border-bottom: 1px dashed #ccc;
  138. padding-bottom: 10px;
  139. margin-bottom: 14px;
  140. }
  141. .fineQuality ol li img{
  142. width: 100%
  143. }
  144. .fineQuality ol li .title-sm{
  145. display: inline-block;
  146. padding: 0 5px;
  147. background: #ffe8d9;
  148. color: #ff6600;
  149. font-size: 14px;
  150. height: 22px;
  151. line-height: 22px;
  152. margin-right: 5px;
  153. }
  154. .fineQuality ol li p{
  155. text-align: left;
  156. margin-top: 10px;
  157. overflow: hidden;
  158. white-space:nowrap;
  159. text-overflow:ellipsis;
  160. -o-text-overflow:ellipsis;
  161. }
  162. .achievementHot{
  163. width: 955px;
  164. float: right;
  165. }
  166. .achievementHot ul{
  167. overflow: hidden;
  168. }
  169. .pagination_box{
  170. width: 100%;
  171. line-height:74px
  172. }
  173. .pagination_box nav{
  174. float:right;
  175. }
  176. .pagination_box ul li a{
  177. color:#333
  178. }
  179. .pagination_box .pagination{
  180. float: right;
  181. margin-right: 20px;
  182. }
  183. .pagination_box .totalCount{
  184. float: right;
  185. display: inline-block;
  186. margin-right: 15px;
  187. }
  188. .achievementHot>ul>li{
  189. float: left;
  190. width: 308px;
  191. margin-left: 15.5px;
  192. margin-bottom: 22px;
  193. }
  194. .achievementHot ul li:nth-child(3n+1){
  195. margin-left: 0
  196. }
  197. .achievementHot ul li .txts h5{
  198. font-weight: normal;
  199. font-size: 14px;
  200. color: #1f1f1f;
  201. overflow: hidden;
  202. white-space:nowrap;
  203. text-overflow:ellipsis;
  204. -o-text-overflow:ellipsis;
  205. padding: 10px 2px;
  206. }
  207. .achievementHot ul li .hr{
  208. width: 100%;
  209. height: 18px;
  210. background: url(../../../img/newMenu/achievement_27.jpg) no-repeat;
  211. background-size:100% 100%;
  212. margin: 1px 0px;
  213. }
  214. .achievementHot ul li .txts p span{
  215. color: #7a7878;
  216. font-size: 12px;
  217. display: inline-block;
  218. margin-right: 5px;
  219. }
  220. .achievementHot ul li .txts .hotImg{
  221. float: right;
  222. margin-right:16px;
  223. height: 18px;
  224. width: 32px;
  225. display: inline-block;
  226. background:url(../../../img/newMenu/achievement_hot.jpg) no-repeat;
  227. background-size:100% 100%;
  228. }
  229. .achievementHot .btnTxt span{
  230. width: 64px;
  231. height: 24px;
  232. display: inline-block;
  233. text-align: center;
  234. font-size: 14px;
  235. color: #ff6600;
  236. border: 1px solid #ff6600;
  237. line-height: 24px;
  238. margin: 0 3px;
  239. }
  240. .achievementHot ul li .img{
  241. float: left;
  242. width: 114px;
  243. height: 114px;
  244. position: relative;
  245. }
  246. .achievementHot ul li .img img{
  247. width: 100%;
  248. height: 100%;
  249. }
  250. .achievementHot ul li .img span{
  251. position: absolute;
  252. left: 0;
  253. top: 0;
  254. z-index: 9999;
  255. width: 48px;
  256. height: 41px;
  257. background: url(../../../img/newMenu/achievement_26.png) no-repeat;
  258. background-size:100% 100%;
  259. }
  260. .achievementHot ul li .txtIntroduce{
  261. float: left;
  262. width: 188px;
  263. border:1px solid #efefef;
  264. height: 114px;
  265. padding: 0px 10px 12px;
  266. }