achievement.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. /*
  2. @update:2018/06/06
  3. */
  4. /* 最新发布 */
  5. .newRelease{
  6. clear: both;
  7. text-align: center;
  8. }
  9. .newRelease>div{
  10. width:270px;
  11. height: 60px;
  12. background: url(../../../img/newMenu/achievement_1.jpg) no-repeat;
  13. background-size: 100% 100%;
  14. margin: 24px auto 30px;
  15. }
  16. .blur{
  17. color: #0289df;
  18. }
  19. .orange{
  20. color: #ff6d0b;
  21. }
  22. .newRelease ul{
  23. display: flex;
  24. display: -webkit-flex;
  25. justify-content: space-between;
  26. }
  27. .newRelease ul li div{
  28. padding:10px 10px;
  29. background: #f9f9f9;
  30. }
  31. .newRelease ul li div p {
  32. text-align: left;
  33. overflow: hidden;
  34. white-space:nowrap;
  35. text-overflow:ellipsis;
  36. -o-text-overflow:ellipsis;
  37. color: #333;
  38. line-height: 24px;
  39. height: 24px;
  40. }
  41. .newRelease ul li div p span{
  42. font-size: 12px;
  43. }
  44. .newRelease ul li div p .orange{
  45. display: inline-block;
  46. margin-right: 12px;
  47. }
  48. .newRelease>a{
  49. color: #7a7878;
  50. display: inline-block;
  51. padding: 22px 0px 55px;
  52. }
  53. .newRelease>a:hover{
  54. color: #0289df;
  55. }
  56. /* 热门关注 */
  57. .achievementHot>div{
  58. width: 140px;
  59. height:22px;
  60. background: url(../../../img/newMenu/achievement_7.jpg) no-repeat;
  61. background-size:100% 100%;
  62. float: left;
  63. vertical-align: top;
  64. margin-top: -2px;
  65. margin-right: 12px;
  66. }
  67. .achievementHot ol{
  68. float: left;
  69. }
  70. .achievementHot ol li{
  71. color: #393838;
  72. float: left;
  73. margin: 0 7px;
  74. }
  75. .achievementHot{
  76. clear: both;
  77. overflow: hidden;
  78. margin-bottom: 6px;
  79. }
  80. .achievementHot ol li a:hover{
  81. color: #0289df;
  82. }
  83. .achievementHot a{
  84. float: right;
  85. font-size: 14px;
  86. color: #7a7878;
  87. }
  88. .achievementHot a:hover{
  89. color:#0289df;
  90. }
  91. .achievementHot-list{
  92. clear: both;
  93. overflow: hidden;
  94. }
  95. .achievementHot-list .col-sm-4{
  96. padding: 0
  97. }
  98. .achievementHot-list ul li{
  99. margin-bottom: 18px;
  100. }
  101. .achievementHot-list ul li div img {
  102. float: left;
  103. width: 112px;
  104. height: 112px;
  105. }
  106. .achievementHot-list ul li div div{
  107. width: 273px;
  108. height: 112px;
  109. float: left;
  110. border: 1px solid #ccc;
  111. border-left: none;
  112. }
  113. .achievementHot-list ul li div div h4{
  114. font-weight: normal;
  115. font-size: 14px;
  116. color: #1f1f1f;
  117. overflow: hidden;
  118. white-space:nowrap;
  119. text-overflow:ellipsis;
  120. -o-text-overflow:ellipsis;
  121. border-bottom: 1px double #ccc;
  122. height: 42px;
  123. line-height: 42px;
  124. padding-left: 20px;
  125. }
  126. hr{
  127. clear: both;
  128. margin: 10px 0 18px;
  129. border:2px solid #ff6113;
  130. }
  131. .achievementHot-list ul li div div p{
  132. padding-left: 20px;
  133. margin: 8px 0;
  134. }
  135. .achievementHot-list ul li div div p .orange{
  136. font-size: 12px;margin-right: 30px;
  137. display: inline-block;
  138. }
  139. .achievementHot-list ul li div div p .blur{
  140. font-size: 12px;
  141. display: inline-block;
  142. }
  143. .achievementHot-list ul li div div p .technology{
  144. float: right;
  145. display: inline-block;
  146. width: 70px;
  147. height: 24px;
  148. line-height: 24px;
  149. text-align: center;
  150. border: 1px solid #ff6113;
  151. color: #ff6113;
  152. }
  153. .achievementHot-list ul li div div p .follow{
  154. float: right;
  155. display: inline-block;
  156. width: 50px;
  157. height: 24px;
  158. line-height: 24px;
  159. text-align: center;
  160. background: #ff6113;
  161. color: #ffffff;
  162. border-radius: 12px;
  163. margin:0 12px;
  164. }
  165. .study {
  166. padding: 50px 0 30px;
  167. }
  168. .study h4 {
  169. font-weight: normal;
  170. font-size: 22px;
  171. color: #1f1f1f;
  172. padding-bottom: 24px;
  173. }
  174. .study h4 a {
  175. display: inline-block;
  176. color: #cacaca;
  177. font-size: 12px;
  178. margin-left: 24px;
  179. }
  180. .study h4 a:hover{
  181. color: #0289df;
  182. }
  183. .patent img{
  184. width: 100%;
  185. }
  186. .patentList{
  187. padding-top: 46px;
  188. }
  189. .patentList .col-sm-4>img{
  190. width: 100%;
  191. }
  192. .patentList .col-sm-4 div>img{
  193. height: 230px;
  194. height: 114px;
  195. }
  196. .patentList>.row>.col-sm-4 img:first-child{
  197. margin-bottom: 14px;
  198. }
  199. .patentList ul li img{
  200. width: 100%;
  201. }