网站
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

pirms 1 gada
pirms 1 gada
pirms 1 gada
pirms 1 gada
pirms 1 gada
pirms 1 gada
pirms 2 gadiem
pirms 1 gada
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432
  1. /*公共主题参数*/
  2. :root{
  3. --color:'';
  4. --icon:'';
  5. --logo:'';
  6. /*--color:#e8041f;*/
  7. }
  8. #page{
  9. height: 100vh;
  10. overflow: hidden;
  11. background: url("../images/page_bg.jpg") no-repeat center;
  12. background-size: 100% 100%;
  13. }
  14. .header{
  15. text-align: center;
  16. height: 15vh;
  17. width: 90%;
  18. margin: 0 auto;
  19. }
  20. .header p{
  21. color: #b6c8ff;
  22. margin-top: 5px;
  23. }
  24. .header i{
  25. display: block;
  26. width: 2.7vh;
  27. height: 2.7vh;
  28. margin: 0 auto;
  29. position: relative;
  30. top: 50%;
  31. transform: translateY(-50%);
  32. transition: all 0.4s ease-in-out;
  33. }
  34. #titContent{
  35. font-size: 4vh;
  36. font-weight: bold;
  37. color: #ffffff;
  38. font-style: italic;
  39. }
  40. .active .i1{
  41. background: url("../images/nav_5.png") no-repeat center;
  42. background-size: 100% 100%;
  43. }
  44. .active .i2{
  45. background: url("../images/nav_6.png") no-repeat center;
  46. background-size: 100% 100%;
  47. }
  48. .active .i3{
  49. background: url("../images/nav_7.png") no-repeat center;
  50. background-size: 100% 100%;
  51. }
  52. .active .i4{
  53. background: url("../images/nav_8.png") no-repeat center;
  54. background-size: 100% 100%;
  55. }
  56. .active .i5{
  57. background: url("../images/nav_10.png") no-repeat center;
  58. background-size: 100% 100%;
  59. }
  60. .header .active{
  61. position: relative;
  62. }
  63. .header .header_nav div{
  64. width: 5vh;
  65. height: 5vh;
  66. margin: 0 auto;
  67. position: relative;
  68. }
  69. .header .header_nav:hover .i1{
  70. background: url("../images/nav_5.png") no-repeat center;
  71. background-size: 100% 100%;
  72. transition: all 0.4s ease-in-out;
  73. }
  74. .header .header_nav:hover .i2{
  75. background: url("../images/nav_6.png") no-repeat center;
  76. background-size: 100% 100%;
  77. transition: all 0.4s ease-in-out;
  78. }
  79. .header .header_nav:hover .i3{
  80. background: url("../images/nav_7.png") no-repeat center;
  81. background-size: 100% 100%;
  82. transition: all 0.4s ease-in-out;
  83. }
  84. .header .header_nav:hover .i4{
  85. background: url("../images/nav_8.png") no-repeat center;
  86. background-size: 100% 100%;
  87. transition: all 0.4s ease-in-out;
  88. }
  89. .header .header_nav:hover .i5{
  90. background: url("../images/nav_10.png") no-repeat center;
  91. background-size: 100% 100%;
  92. transition: all 0.4s ease-in-out;
  93. }
  94. .header .header_nav{
  95. cursor: pointer;
  96. }
  97. .header .header_nav:hover p{
  98. color: #46cdf3;
  99. transition: all 0.4s ease-in-out;
  100. }
  101. .header .header_nav p{
  102. transition: all 0.4s ease-in-out;
  103. }
  104. .header .header_nav .i_bg{
  105. cursor: pointer;
  106. display: none;
  107. transition: all 0.4s ease-in-out;
  108. width: 5vh;
  109. height: 5vh;
  110. }
  111. .header .active .i_bg{
  112. display: block!important;
  113. position: absolute;
  114. top: 0;
  115. }
  116. .header .active p{
  117. color: #46cdf3;
  118. }
  119. .i1{
  120. background: url("../images/nav_1.png") no-repeat center;
  121. background-size: 100% 100%;
  122. }
  123. .i2{
  124. background: url("../images/nav_2.png") no-repeat center;
  125. background-size: 100% 100%;
  126. }
  127. .i3{
  128. background: url("../images/nav_3.png") no-repeat center;
  129. background-size: 100% 100%;
  130. }
  131. .i4{
  132. background: url("../images/nav_4.png") no-repeat center;
  133. background-size: 100% 100%;
  134. }
  135. .i5{
  136. background: url("../images/nav_9.png") no-repeat center;
  137. background-size: 100% 100%;
  138. }
  139. .search{
  140. /*background-color: #e1e4ef;*/
  141. width: 75%;
  142. margin: 0 auto;
  143. }
  144. .search input[type="search"]{
  145. padding: 2vh 20px 2vh 4%;
  146. width: 40%;
  147. border-radius: 15px;
  148. font-size: 16px;
  149. background: #e1e4ef url("../images/search_icon.png") no-repeat left;
  150. background-position-x: 4%;
  151. }
  152. .new{
  153. width: 75%;
  154. margin: 0 auto;
  155. background: rgba(225,228,238,0.9);
  156. height: 50vh;
  157. margin-top: 3vh;
  158. border-radius: 15px;
  159. padding: 3vh;
  160. display: flex;
  161. /*align-items: center;*/
  162. }
  163. .personalTit-banner {
  164. width: 45%;
  165. height: 100%;
  166. border-radius: 15px;
  167. overflow: hidden;
  168. }
  169. .new_list{
  170. margin-left: 2%;
  171. width: 53%;
  172. padding: 1vh 0;
  173. }
  174. .new_list_tit{
  175. display: flex;
  176. justify-content: space-between;
  177. align-items: center;
  178. }
  179. .new_list_tit p:first-child{
  180. font-size: 18px;
  181. color: #1663ff;
  182. border-left: 3px solid #1663ff;
  183. padding-left: 10px;
  184. font-weight: bold;
  185. line-height: 1;
  186. }
  187. .new_list_tit p:last-child{
  188. color: #848484;
  189. padding-left: 20px;
  190. line-height: 1;
  191. background: url("../images/date.png") no-repeat left;
  192. }
  193. .new_list_li{
  194. display: flex;
  195. justify-content: space-between;
  196. align-items: center;
  197. line-height: 4.5vh;
  198. cursor: pointer;
  199. }
  200. .new_list_li a{
  201. width: 50%;
  202. }
  203. .new_list_li:first-child{
  204. /*margin-top: 2.5vh;*/
  205. }
  206. .new_list_li:hover p{
  207. color: #1663ff!important;
  208. transition: all 0.4s ease-in-out;
  209. }
  210. .new_list_li:hover a{
  211. color: #1663ff!important;
  212. transition: all 0.4s ease-in-out;
  213. }
  214. .new_list_li p{
  215. transition: all 0.4s ease-in-out;
  216. }
  217. .new_list_li a{
  218. font-size: 16px;
  219. display: -webkit-box;
  220. -webkit-box-orient: vertical;
  221. -webkit-line-clamp: 1;
  222. word-break: break-all;
  223. overflow: hidden;
  224. transition: all 0.4s ease-in-out;
  225. }
  226. .new_list_li p:last-child{
  227. color: #848484;
  228. flex-shrink: 0;
  229. }
  230. .footer{
  231. height: 20vh;
  232. background: #e1e4ef;
  233. margin-top: 6.3vh;
  234. display: flex;
  235. flex-direction: column;
  236. justify-content: space-between;
  237. padding: 1.5vh 12.5%;
  238. }
  239. .footer_link_tit{
  240. background: url("../images/footer_icon_1.png") no-repeat left;
  241. padding-left: 18px;
  242. color: #939393;
  243. font-size: 16px;
  244. }
  245. .footer_link{
  246. display: flex;
  247. align-items: center;
  248. }
  249. .footer_link img{
  250. display: block;
  251. transition:all 0.4s ease-in-out;
  252. }
  253. .footer_link a:hover img{
  254. transform: scale(1.1);
  255. transition:all 0.4s ease-in-out;
  256. }
  257. .footer_link a:hover{
  258. box-shadow: 0 0 50px #000000 inset;
  259. background-size: 110% 110%!important;
  260. transition:all 0.4s ease-in-out;
  261. }
  262. .footer_link .link_tt{
  263. position: absolute;
  264. top: 50%;
  265. left: 50%;
  266. transform: translate(-50%,-50%);
  267. color: #ffffff;
  268. font-size: 18px;
  269. font-weight: bold;
  270. }
  271. .footer_link a{
  272. color: #6d6d6d;
  273. font-size: 16px;
  274. margin-left: 20px;
  275. position: relative;
  276. overflow: hidden;
  277. border-radius: 8px;
  278. display: block;
  279. height: 74px;
  280. width: 472px;
  281. transition:all 0.4s ease-in-out;
  282. }
  283. .footer_link_filings{
  284. display: flex;
  285. }
  286. .footer_link_filings_left{
  287. display: flex;
  288. }
  289. .footer_link_filings_right{
  290. display: flex;
  291. margin-left: 40px;
  292. }
  293. .footer_link_filings_left p{
  294. background: url("../images/footer_filings.png") no-repeat left;
  295. padding-left: 25px;
  296. }
  297. .footer_link_filings p{
  298. color: #939393;
  299. font-size: 16px;
  300. }
  301. .footer_link_filings a{
  302. color: #6d6d6d;
  303. font-size: 16px;
  304. margin-left: 20px;
  305. }
  306. .footer_link_company{
  307. display: flex;
  308. align-items: center;
  309. }
  310. .footer_link_company div{
  311. display: flex;
  312. align-items: center;
  313. margin-right: 40px;
  314. }
  315. .footer_link_company p{
  316. color: #939393;
  317. font-size: 16px;
  318. }
  319. .footer_link_company a{
  320. color: #6d6d6d;
  321. font-size: 16px;
  322. margin-left: 20px;
  323. }
  324. .xuanzhuan {
  325. -webkit-transition-property: -webkit-transform;
  326. -webkit-transition-duration: 1s;
  327. -moz-transition-property: -moz-transform;
  328. -moz-transition-duration: 1s;
  329. -webkit-animation: opacity2 2s linear infinite;
  330. -moz-animation: opacity2 2s linear infinite;
  331. -o-animation: opacity2 2s linear infinite;
  332. animation: opacity2 2s linear infinite;
  333. }
  334. @-webkit-keyframes rotate {
  335. from {
  336. -webkit-transform: rotate(0deg)
  337. }
  338. to {
  339. -webkit-transform: rotate(360deg)
  340. }
  341. }
  342. @-moz-keyframes rotate {
  343. from {
  344. -moz-transform: rotate(0deg)
  345. }
  346. to {
  347. -moz-transform: rotate(359deg)
  348. }
  349. }
  350. @-o-keyframes rotate {
  351. from {
  352. -o-transform: rotate(0deg)
  353. }
  354. to {
  355. -o-transform: rotate(359deg)
  356. }
  357. }
  358. @keyframes rotate {
  359. from {
  360. transform: rotate(0deg)
  361. }
  362. to {
  363. transform: rotate(359deg)
  364. }
  365. }
  366. @keyframes opacity2 {
  367. 0% {
  368. opacity: 1;
  369. }
  370. 50% {
  371. opacity: 0.5;
  372. }
  373. 100% {
  374. opacity: 1;
  375. }
  376. }
  377. .hotFile{
  378. text-transform:uppercase;
  379. background: -webkit-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
  380. -moz-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
  381. -ms-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);/* 渐变背景 */
  382. color:transparent;
  383. /*设置字体颜色透明*/
  384. -webkit-background-clip: text;
  385. /*背景裁剪为文本形式*/
  386. animation: ran 5s linear infinite;
  387. /*动态20s展示*/
  388. }
  389. @keyframes ran {
  390. from {
  391. backgroud-position: 0 0;
  392. }
  393. to {
  394. background-position: 1000px 0;
  395. }
  396. }