index.response.css 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572
  1. .page {
  2. position: relative;
  3. width: 100vw;
  4. height: 429.13vw;
  5. overflow: hidden;
  6. }
  7. .block_1 {
  8. position: relative;
  9. width: 100vw;
  10. height: 429.13vw;
  11. background: url(/static/index/psibmqgqu78eqew0vmnvhrqn79bjk5gyo9474deb7-7335-45af-97e5-b9c53ffb7b6d.png)
  12. 100% no-repeat;
  13. background-size: 100% 100%;
  14. }
  15. .image_1 {
  16. width: 100vw;
  17. height: 113.5vw;
  18. }
  19. .group_1 {
  20. width: 100vw;
  21. height: 236.75vw;
  22. }
  23. .block_2 {
  24. width: 82.5vw;
  25. height: 21.38vw;
  26. margin: 7vw 0 0 5.87vw;
  27. }
  28. .image-text_1 {
  29. width: 18.25vw;
  30. height: 21.38vw;
  31. }
  32. .image_2 {
  33. width: 6.25vw;
  34. height: 6vw;
  35. }
  36. .text-group_1 {
  37. width: 18.13vw;
  38. height: 12.75vw;
  39. margin: 2.62vw 0 0 0.12vw;
  40. }
  41. .paragraph_1 {
  42. width: 18vw;
  43. height: 6.63vw;
  44. overflow-wrap: break-word;
  45. color: rgba(153, 153, 153, 1);
  46. font-size: 3.12vw;
  47. font-family: DengXian;
  48. font-weight: NaN;
  49. text-align: left;
  50. line-height: 4.13vw;
  51. margin-left: 0.13vw;
  52. }
  53. .text_1 {
  54. width: 6.38vw;
  55. height: 3.13vw;
  56. overflow-wrap: break-word;
  57. color: #98a737;
  58. font-size: 3.12vw;
  59. font-family: SimHei;
  60. font-weight: NaN;
  61. text-align: left;
  62. white-space: nowrap;
  63. line-height: 4.13vw;
  64. margin-top: 3vw;
  65. }
  66. .image-text_2 {
  67. width: 17.25vw;
  68. height: 20.5vw;
  69. margin: 0.75vw 0 0 16vw;
  70. }
  71. .image_3 {
  72. width: 6.5vw;
  73. height: 5.5vw;
  74. }
  75. .text-group_2 {
  76. width: 17vw;
  77. height: 12.5vw;
  78. margin: 2.5vw 0 0 0.25vw;
  79. }
  80. .paragraph_2 {
  81. width: 17vw;
  82. height: 6.5vw;
  83. overflow-wrap: break-word;
  84. color: rgba(153, 153, 153, 1);
  85. font-size: 3.12vw;
  86. font-family: DengXian;
  87. font-weight: NaN;
  88. text-align: left;
  89. line-height: 4.13vw;
  90. }
  91. .text_2 {
  92. width: 11.25vw;
  93. height: 3vw;
  94. overflow-wrap: break-word;
  95. color: #98a737;
  96. font-size: 3.12vw;
  97. font-family: SimHei;
  98. font-weight: NaN;
  99. text-align: left;
  100. white-space: nowrap;
  101. line-height: 4.13vw;
  102. margin-top: 3vw;
  103. }
  104. .image-text_3 {
  105. width: 16vw;
  106. height: 20.88vw;
  107. margin: 0.5vw 0 0 15vw;
  108. }
  109. .image_4 {
  110. width: 6.75vw;
  111. height: 5.5vw;
  112. margin-left: 0.13vw;
  113. }
  114. .text-group_3 {
  115. width: 16vw;
  116. height: 12.75vw;
  117. margin-top: 2.63vw;
  118. }
  119. .paragraph_3 {
  120. width: 16vw;
  121. height: 6.63vw;
  122. overflow-wrap: break-word;
  123. color: rgba(153, 153, 153, 1);
  124. font-size: 3.12vw;
  125. font-family: DengXian;
  126. font-weight: NaN;
  127. text-align: left;
  128. line-height: 4.13vw;
  129. }
  130. .text_3 {
  131. width: 6.25vw;
  132. height: 3.13vw;
  133. overflow-wrap: break-word;
  134. color: #98a737;
  135. font-size: 3.12vw;
  136. font-family: SimHei;
  137. font-weight: NaN;
  138. text-align: left;
  139. white-space: nowrap;
  140. line-height: 4.13vw;
  141. margin: 3vw 0 0 0.75vw;
  142. }
  143. .block_3 {
  144. height: 38.75vw;
  145. background: url(/static/index/pse94fya9urn7y9gqlx056k9nq4epj9udik2b10930e-9375-41ef-931a-95a338e358af.png)
  146. 100% no-repeat;
  147. background-size: 100% 100%;
  148. margin-top: 6.13vw;
  149. width: 99.75vw;
  150. position: relative;
  151. }
  152. .text_4 {
  153. width: 88.63vw;
  154. height: 24.88vw;
  155. overflow-wrap: break-word;
  156. color: rgba(215, 213, 214, 1);
  157. font-size: 34vw;
  158. font-family: ArialMT;
  159. font-weight: NaN;
  160. text-align: left;
  161. white-space: nowrap;
  162. line-height: 34vw;
  163. margin: 4.37vw 0 0 1.37vw;
  164. }
  165. .image_5 {
  166. position: absolute;
  167. left: 30.5vw;
  168. top: -34.62vw;
  169. width: 0.25vw;
  170. height: 36.63vw;
  171. }
  172. .image_6 {
  173. position: absolute;
  174. left: 63.88vw;
  175. top: -34.62vw;
  176. width: 0.25vw;
  177. height: 36.63vw;
  178. }
  179. .text-wrapper_1 {
  180. width: 87.75vw;
  181. height: 11.38vw;
  182. margin: 86.25vw 0 0 5.37vw;
  183. }
  184. .paragraph_4 {
  185. width: 30.75vw;
  186. height: 11.38vw;
  187. overflow-wrap: break-word;
  188. color: #98a737;
  189. font-size: 6.25vw;
  190. font-family: MicrosoftYaHei;
  191. font-weight: NaN;
  192. text-align: left;
  193. white-space: nowrap;
  194. line-height: 6.25vw;
  195. }
  196. .text_5 {
  197. width: 25vw;
  198. height: 5.88vw;
  199. overflow-wrap: break-word;
  200. color: #98a737;
  201. font-size: 6.25vw;
  202. font-family: SimHei;
  203. font-weight: NaN;
  204. text-align: left;
  205. white-space: nowrap;
  206. line-height: 6.25vw;
  207. margin-top: 3.25vw;
  208. }
  209. .list_1 {
  210. width: 89.25vw;
  211. height: 54.63vw;
  212. margin: 6.12vw 0 5.12vw 5.75vw;
  213. }
  214. .list-items_1 {
  215. width: 89.75vw;
  216. height: 25.38vw;
  217. background-size: 90.25vw 25.87vw;
  218. margin: 0 0 4.37vw -0.25vw;
  219. }
  220. .image_7 {
  221. width: 36.38vw;
  222. height: 24.88vw;
  223. margin: 0.25vw 0 0 0.12vw;
  224. }
  225. .group_2 {
  226. width: 43.25vw;
  227. height: 19.5vw;
  228. margin: 4.12vw 4.25vw 0 5.75vw;
  229. }
  230. .text-group_4 {
  231. width: 43.25vw;
  232. height: 10.38vw;
  233. }
  234. .text_6 {
  235. width: 20.25vw;
  236. height: 4.88vw;
  237. overflow-wrap: break-word;
  238. color: #98a737;
  239. font-size: 5vw;
  240. font-family: SimHei;
  241. font-weight: NaN;
  242. text-align: left;
  243. white-space: nowrap;
  244. line-height: 6.25vw;
  245. }
  246. .text_7 {
  247. width: 43.13vw;
  248. height: 3.63vw;
  249. overflow-wrap: break-word;
  250. color: rgba(146, 146, 146, 1);
  251. font-size: 3.75vw;
  252. font-family: SimHei;
  253. font-weight: NaN;
  254. text-align: left;
  255. white-space: nowrap;
  256. line-height: 6.25vw;
  257. margin: 1.87vw 0 0 0.12vw;
  258. }
  259. .text-wrapper_2 {
  260. height: 6vw;
  261. background-size: 100% 100%;
  262. width: 16.25vw;
  263. margin: 3.12vw 0 0 24.87vw;
  264. }
  265. .text_8 {
  266. width: 7.5vw;
  267. height: 3.5vw;
  268. overflow-wrap: break-word;
  269. color: rgba(255, 255, 255, 1);
  270. font-size: 3.75vw;
  271. font-family: SimHei;
  272. font-weight: NaN;
  273. text-align: left;
  274. white-space: nowrap;
  275. line-height: 6.25vw;
  276. margin: 1.12vw 0 0 4.62vw;
  277. }
  278. .image-wrapper_1 {
  279. height: 56.25vw;
  280. background: url(/static/index/ps6dmw2elo3lgsf6t61yv76djhwxzw1raaba51bf9e-da2b-4c8e-9418-143639f4ad4c.png)
  281. 100% no-repeat;
  282. background-size: 100% 100%;
  283. margin-top: -0.12vw;
  284. width: 100vw;
  285. }
  286. .image_8 {
  287. width: 100vw;
  288. height: 56.25vw;
  289. }
  290. .group_3 {
  291. width: 100vw;
  292. height: 22.88vw;
  293. margin-bottom: 0.13vw;
  294. }
  295. .group_4 {
  296. width: 82.38vw;
  297. height: 14vw;
  298. margin: 4.87vw 0 0 6.75vw;
  299. }
  300. .group_5 {
  301. width: 7.38vw;
  302. height: 13.38vw;
  303. margin-top: 0.38vw;
  304. }
  305. .image_9 {
  306. width: 7.38vw;
  307. height: 7.38vw;
  308. }
  309. .text_9 {
  310. width: 6.38vw;
  311. height: 3.25vw;
  312. overflow-wrap: break-word;
  313. color: rgba(102, 102, 102, 1);
  314. font-size: 3.12vw;
  315. font-family: MicrosoftYaHei;
  316. font-weight: NaN;
  317. text-align: left;
  318. white-space: nowrap;
  319. line-height: 3.13vw;
  320. margin: 2.75vw 0 0 1vw;
  321. }
  322. .group_6 {
  323. width: 7.63vw;
  324. height: 13.63vw;
  325. margin: 0.37vw 0 0 17.5vw;
  326. }
  327. .image_10 {
  328. width: 7.25vw;
  329. height: 7.25vw;
  330. }
  331. .text_10 {
  332. width: 7.5vw;
  333. height: 3.63vw;
  334. overflow-wrap: break-word;
  335. color: rgba(102, 102, 102, 1);
  336. font-size: 3.62vw;
  337. font-family: MicrosoftYaHei;
  338. font-weight: NaN;
  339. text-align: left;
  340. white-space: nowrap;
  341. line-height: 3.63vw;
  342. margin: 2.75vw 0 0 0.12vw;
  343. }
  344. .image-text_4 {
  345. width: 7.5vw;
  346. height: 13.63vw;
  347. margin: 0.37vw 0 0 17.25vw;
  348. }
  349. .image_11 {
  350. width: 7.25vw;
  351. height: 7.25vw;
  352. }
  353. .text-group_5 {
  354. width: 7.25vw;
  355. height: 3.75vw;
  356. overflow-wrap: break-word;
  357. color: rgba(102, 102, 102, 1);
  358. font-size: 3.62vw;
  359. font-family: MicrosoftYaHei;
  360. font-weight: NaN;
  361. text-align: left;
  362. white-space: nowrap;
  363. line-height: 3.63vw;
  364. margin: 2.62vw 0 0 0.25vw;
  365. }
  366. .image-text_5 {
  367. width: 7.88vw;
  368. height: 14vw;
  369. margin-left: 17.25vw;
  370. }
  371. .image_12 {
  372. width: 7.5vw;
  373. height: 8vw;
  374. }
  375. .text-group_6 {
  376. width: 7.25vw;
  377. height: 3.63vw;
  378. overflow-wrap: break-word;
  379. color: rgba(102, 102, 102, 1);
  380. font-size: 3.62vw;
  381. font-family: MicrosoftYaHei;
  382. font-weight: NaN;
  383. text-align: left;
  384. white-space: nowrap;
  385. line-height: 3.63vw;
  386. margin: 2.37vw 0 0 0.62vw;
  387. }
  388. .group_7 {
  389. position: absolute;
  390. left: 0;
  391. top: 0;
  392. width: 100vw;
  393. height: 113.63vw;
  394. background: url(/static/index/psplti701nhsnr65m55fv9cnrnm2sei0ub3a7e1d7-6550-4b1a-b51d-dd9b93f48fc8.png)
  395. 100% no-repeat;
  396. background-size: 100% 100%;
  397. }
  398. .image_13 {
  399. width: 23.5vw;
  400. height: 23.5vw;
  401. margin: 26vw 0 0 37.75vw;
  402. }
  403. .text_11 {
  404. width: 24.38vw;
  405. height: 8.13vw;
  406. overflow-wrap: break-word;
  407. color: rgba(255, 255, 255, 1);
  408. font-size: 8.25vw;
  409. font-family: MicrosoftYaHei;
  410. font-weight: NaN;
  411. text-align: left;
  412. white-space: nowrap;
  413. line-height: 8.25vw;
  414. margin: 6.62vw 0 0 36.87vw;
  415. }
  416. .text_12 {
  417. width: 43.5vw;
  418. height: 4.13vw;
  419. overflow-wrap: break-word;
  420. color: rgba(255, 255, 255, 1);
  421. font-size: 5.5vw;
  422. font-family: ArialMT;
  423. font-weight: NaN;
  424. text-align: left;
  425. white-space: nowrap;
  426. line-height: 5.5vw;
  427. margin: 4.87vw 0 0 28.87vw;
  428. }
  429. .image-text_6 {
  430. width: 48.13vw;
  431. height: 4.25vw;
  432. margin: 30vw 0 6.12vw 21.75vw;
  433. }
  434. .label_1 {
  435. width: 4.75vw;
  436. height: 4.25vw;
  437. }
  438. .text-group_7 {
  439. width: 40.88vw;
  440. height: 2.63vw;
  441. overflow-wrap: break-word;
  442. color: rgba(235, 235, 235, 1);
  443. font-size: 2.75vw;
  444. font-family: Adobe Heiti Std R;
  445. font-weight: NaN;
  446. text-align: left;
  447. white-space: nowrap;
  448. line-height: 2.75vw;
  449. margin-top: 0.75vw;
  450. }
  451. .group_8 {
  452. position: absolute;
  453. left: 0;
  454. top: 180.38vw;
  455. width: 100vw;
  456. height: 88.5vw;
  457. background: url(/static/index/psur3tunhkkxz42r5k3v3hej89rznxino7131b497-da49-4b7a-98da-028825ccc975.png)
  458. 100% no-repeat;
  459. background-size: 100% 100%;
  460. }
  461. .text_13 {
  462. width: 30.38vw;
  463. height: 5.88vw;
  464. overflow-wrap: break-word;
  465. color: rgba(255, 255, 255, 1);
  466. font-size: 6.25vw;
  467. font-family: SimHei;
  468. font-weight: NaN;
  469. text-align: left;
  470. white-space: nowrap;
  471. line-height: 6.25vw;
  472. margin: 25vw 0 0 62.75vw;
  473. }
  474. .image_14 {
  475. width: 82.63vw;
  476. height: 55.13vw;
  477. margin: 1.87vw 0 0.62vw 12.12vw;
  478. }
  479. .section_1 {
  480. height: 46.38vw;
  481. background: url(/static/index/psu936zbe7iyilw63pgsx3cfvetb68ehfep6414c957-4547-4239-9616-3ec2c856dd23.png)
  482. 100% no-repeat;
  483. background-size: 100% 100%;
  484. width: 35.63vw;
  485. position: absolute;
  486. left: 6vw;
  487. top: -23.12vw;
  488. }
  489. .text-wrapper_3 {
  490. height: 46.38vw;
  491. background: url(/static/index/ps1ocae5i4t6y9ff7rdq18fri6al8ufbc2jfc244b0c-0c1d-4431-a2a3-64de7b54cf54.png)
  492. 100% no-repeat;
  493. background-size: 100% 100%;
  494. width: 35.63vw;
  495. }
  496. .text_14 {
  497. width: 29.5vw;
  498. height: 7.13vw;
  499. overflow-wrap: break-word;
  500. color: rgba(255, 255, 255, 1);
  501. font-size: 7.5vw;
  502. font-family: SimHei;
  503. font-weight: NaN;
  504. text-align: left;
  505. white-space: nowrap;
  506. line-height: 7.5vw;
  507. margin: 30vw 0 0 3.87vw;
  508. }