富茂链客Pcg官网
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 

1500 Zeilen
27 KiB

  1. .concentrationBox {
  2. width: 100%;
  3. margin-top: 80px;
  4. background: linear-gradient(0deg, #071688, #163FC4);
  5. cursor: pointer;
  6. }
  7. h3 {
  8. text-align: center;
  9. height: 228px;
  10. line-height: 228px;
  11. font-size: 54px;
  12. font-family: OPPOSans;
  13. font-weight: bold;
  14. color: #202530;
  15. }
  16. .modeBox {
  17. width: 96%;
  18. margin: 0 auto;
  19. }
  20. .privateBox {
  21. overflow: hidden;
  22. }
  23. .private {
  24. width: 49%;
  25. height: 310px;
  26. margin-right: 1%;
  27. /* background: #0E1542; */
  28. background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jjfa_img_1.png');
  29. background-repeat: no-repeat;
  30. background-size: 100% 100%;
  31. float: left;
  32. position: relative;
  33. }
  34. .private:hover .goIntegration {
  35. display: block;
  36. margin-top: 88px;
  37. margin-left: 30px;
  38. width: 168px;
  39. height: 50px;
  40. line-height: 50px;
  41. text-align: center;
  42. background: #FFFFFF;
  43. box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53);
  44. border-radius: 6px;
  45. font-size: 20px;
  46. font-family: OPPOSans;
  47. font-weight: 500;
  48. color: #08188A;
  49. }
  50. .private:hover .privateHie {
  51. display: none;
  52. }
  53. .privateHie {
  54. position: absolute;
  55. width: 100%;
  56. height: 100%;
  57. background-color: rgba(0, 0, 0, 0.3);
  58. top: 0;
  59. left: 0;
  60. display: block;
  61. }
  62. .privateText {
  63. width: 312px;
  64. height: 69px;
  65. font-size: 24px;
  66. font-family: Microsoft YaHei;
  67. font-weight: bold;
  68. color: #FFFFFF;
  69. line-height: 45px;
  70. text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.53);
  71. margin-top: 63px;
  72. margin-left: 30px;
  73. }
  74. .goPrivate {
  75. display: block;
  76. margin-top: 88px;
  77. margin-left: 30px;
  78. width: 168px;
  79. height: 50px;
  80. line-height: 50px;
  81. text-align: center;
  82. background: #FFFFFF;
  83. box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53);
  84. border-radius: 6px;
  85. font-size: 20px;
  86. font-family: OPPOSans;
  87. font-weight: 500;
  88. color: #08188A;
  89. }
  90. .goDigitization {
  91. display: block;
  92. margin-top: 88px;
  93. margin-left: 30px;
  94. width: 168px;
  95. height: 50px;
  96. line-height: 50px;
  97. text-align: center;
  98. /* box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53); */
  99. border-radius: 6px;
  100. border: 2px solid #FFFFFF;
  101. font-size: 20px;
  102. font-family: OPPOSans;
  103. font-weight: 500;
  104. color: #ffffff;
  105. border: 2px solid #FFFFFF;
  106. }
  107. .digitization {
  108. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jjfa_img4_1.png");
  109. background-repeat: no-repeat;
  110. width: 49%;
  111. height: 310px;
  112. float: right;
  113. position: relative;
  114. background-size: 100% 100%;
  115. }
  116. .digitization:hover .goIntegration {
  117. display: block;
  118. margin-top: 88px;
  119. margin-left: 30px;
  120. width: 168px;
  121. height: 50px;
  122. line-height: 50px;
  123. text-align: center;
  124. background: #FFFFFF;
  125. box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53);
  126. border-radius: 6px;
  127. font-size: 20px;
  128. font-family: OPPOSans;
  129. font-weight: 500;
  130. color: #08188A;
  131. }
  132. .digitization:hover .digitizationHie {
  133. display: none;
  134. }
  135. .digitizationHie {
  136. position: absolute;
  137. width: 100%;
  138. height: 100%;
  139. background-color: rgba(0, 0, 0, 0.3);
  140. top: 0;
  141. left: 0;
  142. display: block;
  143. }
  144. .integrationBox {
  145. margin-top: 30px;
  146. margin-bottom: 102px;
  147. display: flex;
  148. justify-content: space-between;
  149. }
  150. .integrationItem {
  151. position: relative;
  152. width: 32%;
  153. height: 310px;
  154. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jjfa_img3.png");
  155. background-repeat: no-repeat;
  156. background-size: 100% 100%;
  157. }
  158. .integrationItemHie {
  159. position: absolute;
  160. width: 100%;
  161. height: 100%;
  162. background-color: rgba(0, 0, 0, 0.3);
  163. top: 0;
  164. left: 0;
  165. display: block;
  166. }
  167. .integrationItem:hover .goIntegration {
  168. display: block;
  169. margin-top: 88px;
  170. margin-left: 30px;
  171. width: 168px;
  172. height: 50px;
  173. line-height: 50px;
  174. text-align: center;
  175. background: #FFFFFF;
  176. box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53);
  177. border-radius: 6px;
  178. font-size: 20px;
  179. font-family: OPPOSans;
  180. font-weight: 500;
  181. color: #08188A;
  182. }
  183. .integrationItem:hover .integrationItemHie {
  184. display: none;
  185. }
  186. .integrationItem2 {
  187. position: relative;
  188. width: 32%;
  189. height: 310px;
  190. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jjfa_img2_1.png");
  191. background-repeat: no-repeat;
  192. background-size: 100% 100%;
  193. }
  194. .integrationItem2Hie {
  195. position: absolute;
  196. width: 100%;
  197. height: 100%;
  198. background-color: rgba(0, 0, 0, 0.3);
  199. top: 0;
  200. left: 0;
  201. display: block;
  202. }
  203. .integrationItem2:hover .goIntegration {
  204. display: block;
  205. margin-top: 88px;
  206. margin-left: 30px;
  207. width: 168px;
  208. height: 50px;
  209. line-height: 50px;
  210. text-align: center;
  211. background: #FFFFFF;
  212. box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53);
  213. border-radius: 6px;
  214. font-size: 20px;
  215. font-family: OPPOSans;
  216. font-weight: 500;
  217. color: #08188A;
  218. }
  219. .integrationItem2:hover .integrationItem2Hie {
  220. display: none;
  221. }
  222. .integrationItem3 {
  223. position: relative;
  224. width: 32%;
  225. height: 310px;
  226. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jjfa_img5_1.png");
  227. background-repeat: no-repeat;
  228. background-size: 100% 100%;
  229. }
  230. .integrationItem3Hie {
  231. position: absolute;
  232. width: 100%;
  233. height: 100%;
  234. background-color: rgba(0, 0, 0, 0.3);
  235. top: 0;
  236. left: 0;
  237. display: block;
  238. }
  239. .integrationItem3:hover .goIntegration {
  240. display: block;
  241. margin-top: 88px;
  242. margin-left: 30px;
  243. width: 168px;
  244. height: 50px;
  245. line-height: 50px;
  246. text-align: center;
  247. background: #FFFFFF;
  248. box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53);
  249. border-radius: 6px;
  250. font-size: 20px;
  251. font-family: OPPOSans;
  252. font-weight: 500;
  253. color: #08188A;
  254. }
  255. .integrationItem3:hover .integrationItem3Hie {
  256. display: none;
  257. }
  258. .integrationText {
  259. /* width: 287px; */
  260. height: 69px;
  261. font-size: 24px;
  262. font-family: OPPOSans;
  263. font-weight: bold;
  264. color: #FFFFFF;
  265. line-height: 38px;
  266. margin-top: 50px;
  267. margin-left: 30px;
  268. }
  269. .integrationText2 {
  270. /* width: 215px; */
  271. height: 69px;
  272. font-size: 24px;
  273. font-family: OPPOSans;
  274. font-weight: bold;
  275. color: #FFFFFF;
  276. line-height: 38px;
  277. margin-top: 50px;
  278. margin-left: 30px;
  279. }
  280. .integrationText3 {
  281. /* width: 180px; */
  282. height: 69px;
  283. font-size: 24px;
  284. font-family: OPPOSans;
  285. font-weight: bold;
  286. color: #FFFFFF;
  287. line-height: 38px;
  288. margin-top: 50px;
  289. margin-left: 30px;
  290. }
  291. .goIntegration {
  292. display: block;
  293. margin-top: 88px;
  294. margin-left: 30px;
  295. width: 168px;
  296. height: 50px;
  297. line-height: 50px;
  298. text-align: center;
  299. /* box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.53); */
  300. border-radius: 6px;
  301. border: 2px solid #FFFFFF;
  302. font-size: 20px;
  303. font-family: OPPOSans;
  304. font-weight: 500;
  305. color: #ffffff;
  306. border: 2px solid #FFFFFF;
  307. }
  308. .serveBox {
  309. overflow: hidden;
  310. background: #F8FAFF;
  311. }
  312. .title {
  313. text-align: center;
  314. padding-top: 94px;
  315. padding-bottom: 80px;
  316. font-size: 54px;
  317. font-family: OPPOSans;
  318. font-weight: bold;
  319. color: #202530;
  320. }
  321. .textBox {
  322. width: 1200px;
  323. margin: 0 auto;
  324. }
  325. .itemBox4 {
  326. border-bottom: #E3E4FF 1px dotted;
  327. display: flex;
  328. justify-content: center;
  329. }
  330. .itemImgBox1 {
  331. width: 25%;
  332. cursor: pointer;
  333. }
  334. .itemImgBox1 .img {
  335. width: 40px;
  336. height: 40px;
  337. /* background: cadetblue; */
  338. display: block;
  339. margin: 0 auto
  340. }
  341. .itemImgBox2 {
  342. width: 25%;
  343. cursor: pointer;
  344. }
  345. .itemImgBox2 .img {
  346. width: 40px;
  347. height: 40px;
  348. /* background: cadetblue; */
  349. display: block;
  350. margin: 0 auto
  351. }
  352. .itemImgBox3 {
  353. width: 25%;
  354. cursor: pointer;
  355. }
  356. .itemImgBox3 .img {
  357. width: 40px;
  358. height: 40px;
  359. /* background: cadetblue; */
  360. display: block;
  361. margin: 0 auto
  362. }
  363. .itemImgBox4 {
  364. width: 25%;
  365. cursor: pointer;
  366. }
  367. .itemImgBox4 .img {
  368. width: 40px;
  369. height: 40px;
  370. /* background: cadetblue; */
  371. display: block;
  372. margin: 0 auto
  373. }
  374. .imgText {
  375. font-size: 24px;
  376. font-family: OPPOSans;
  377. font-weight: 400;
  378. color: #202530;
  379. text-align: center;
  380. margin-top: 17px;
  381. }
  382. .activity1 {
  383. width: 68px;
  384. height: 8px;
  385. background: #0067ED;
  386. border-radius: 4px;
  387. /* text-align: center; */
  388. margin: 10px auto;
  389. }
  390. .activity2 {
  391. width: 68px;
  392. height: 8px;
  393. background: #0067ED;
  394. border-radius: 4px;
  395. /* text-align: center; */
  396. margin: 10px auto;
  397. display: none;
  398. }
  399. .activity3 {
  400. width: 68px;
  401. height: 8px;
  402. background: #0067ED;
  403. border-radius: 4px;
  404. /* text-align: center; */
  405. margin: 10px auto;
  406. display: none;
  407. }
  408. .activity4 {
  409. width: 68px;
  410. height: 8px;
  411. background: #0067ED;
  412. border-radius: 4px;
  413. /* text-align: center; */
  414. margin: 10px auto;
  415. display: none;
  416. }
  417. .explainBox1 {
  418. overflow: hidden;
  419. margin-top: 150px;
  420. position: relative;
  421. }
  422. .explainBox2 {
  423. overflow: hidden;
  424. margin-top: 150px;
  425. position: relative;
  426. display: none
  427. }
  428. .explainBox3 {
  429. overflow: hidden;
  430. margin-top: 150px;
  431. position: relative;
  432. display: none
  433. }
  434. .explainBox4 {
  435. overflow: hidden;
  436. margin-top: 150px;
  437. position: relative;
  438. display: none
  439. }
  440. .explainImg {
  441. position: absolute;
  442. left: 0;
  443. top: 0;
  444. }
  445. .explainTextBox {
  446. float: left;
  447. width: 510px;
  448. margin-left: 16px;
  449. margin-top: 4px;
  450. }
  451. .explainH3 {
  452. font-size: 36px;
  453. font-family: OPPOSans;
  454. font-weight: 500;
  455. color: #131D2E;
  456. line-height: 54px;
  457. }
  458. .explainP {
  459. width: 510px;
  460. height: 78px;
  461. font-size: 18px;
  462. font-family: Microsoft YaHei;
  463. font-weight: 400;
  464. color: #737780;
  465. line-height: 30px;
  466. margin-top: 35px;
  467. }
  468. .explainText {
  469. margin-top: 10px;
  470. font-size: 36px;
  471. font-family: OPPOSans;
  472. font-weight: 500;
  473. color: #131D2E;
  474. line-height: 54px;
  475. }
  476. .explainImgBox {
  477. float: right;
  478. width: 599px;
  479. height: 400px;
  480. }
  481. .partner {
  482. font-size: 54px;
  483. font-family: OPPOSans;
  484. font-weight: bold;
  485. color: #202530;
  486. text-align: center;
  487. margin-top: 80px;
  488. margin-bottom: 60px;
  489. }
  490. .partnerLogo {
  491. height: 79px;
  492. /* background-color: chartreuse; */
  493. display: block;
  494. margin: 0 auto;
  495. }
  496. .partnerLogoBox {
  497. width: 100%;
  498. height: 79px;
  499. margin-bottom: 74px;
  500. background-color: #ffffff;
  501. overflow: hidden;
  502. }
  503. .caseBox {
  504. overflow: hidden;
  505. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_jxal_bnt.png");
  506. background-repeat: no-repeat;
  507. }
  508. .caseText {
  509. padding-top: 74px;
  510. padding-bottom: 84px;
  511. text-align: center;
  512. font-size: 54px;
  513. font-family: OPPOSans;
  514. font-weight: bold;
  515. color: #202530;
  516. }
  517. .caseLogoBox {
  518. width: 1200px;
  519. margin: 0 auto;
  520. display: flex;
  521. justify-content: space-between;
  522. margin-bottom: 104px;
  523. }
  524. .caseLogo1 {
  525. width: 443px;
  526. height: 415px;
  527. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jxal_jmh.png");
  528. background-repeat: no-repeat;
  529. border-radius: 10px;
  530. position: relative;
  531. }
  532. .jinbaoBoxA1 {
  533. position: absolute;
  534. left: 30px;
  535. top: 240px;
  536. overflow: hidden;
  537. margin: 0 auto;
  538. }
  539. .jinbaoBoxA2 {
  540. position: absolute;
  541. left: 30px;
  542. top: 240px;
  543. overflow: hidden;
  544. display: none;
  545. }
  546. .jinbaoBoxA3 {
  547. position: absolute;
  548. left: 30px;
  549. top: 240px;
  550. overflow: hidden;
  551. display: none;
  552. }
  553. .jinbaoBoxA4 {
  554. position: absolute;
  555. left: 30px;
  556. top: 240px;
  557. overflow: hidden;
  558. display: none;
  559. }
  560. .jinbaoF {
  561. float: left;
  562. width: 210px;
  563. }
  564. .jinbaoText {
  565. font-size: 24px;
  566. font-family: OPPOSans;
  567. font-weight: bold;
  568. color: #FFFFFF;
  569. margin-bottom: 16px;
  570. }
  571. .jinbaop {
  572. font-size: 14px;
  573. font-family: Microsoft YaHei;
  574. font-weight: 400;
  575. color: #FDFEFF;
  576. overflow: hidden;
  577. text-overflow: ellipsis;
  578. height: 96px;
  579. display: -webkit-box;
  580. -webkit-box-orient: vertical;
  581. -webkit-line-clamp: 4;
  582. }
  583. .jinbaoR {
  584. float: right;
  585. margin-left: 46px;
  586. width: 130px;
  587. }
  588. .rqCode {
  589. width: 130px;
  590. height: 130px;
  591. margin-bottom: 10px;
  592. background-color: #ffffff;
  593. border-radius: 50%;
  594. }
  595. .rqText {
  596. font-size: 14px;
  597. font-family: Microsoft YaHei;
  598. font-weight: 400;
  599. color: #A5A9B4;
  600. }
  601. .caseLogo2 {
  602. width: 222px;
  603. height: 415px;
  604. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_jxal_hlc.png");
  605. background-repeat: no-repeat;
  606. border-radius: 10px;
  607. position: relative;
  608. /* width: 222px;
  609. height: 415px;
  610. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_jxal_hlc1.png");
  611. background-repeat: no-repeat;
  612. border-radius: 10px;
  613. position: relative; */
  614. }
  615. .logoBox1 {
  616. width: 100%;
  617. position: absolute;
  618. display: none;
  619. /* left: 40px; */
  620. top: 330px;
  621. }
  622. .logoBox2 {
  623. width: 100%;
  624. position: absolute;
  625. /* left: 40px; */
  626. top: 330px;
  627. }
  628. .logoBox3 {
  629. width: 100%;
  630. position: absolute;
  631. /* left: 40px; */
  632. top: 330px;
  633. }
  634. .logoBox4 {
  635. width: 100%;
  636. position: absolute;
  637. /* left: 40px; */
  638. top: 330px;
  639. }
  640. .LOGO {
  641. text-align: center;
  642. font-size: 30px;
  643. font-family: OPPOSans;
  644. font-weight: 800;
  645. color: #FDFEFF;
  646. margin-bottom: 10px;
  647. }
  648. .name {
  649. font-size: 16px;
  650. font-family: Microsoft YaHei;
  651. font-weight: 400;
  652. color: #FDFEFF;
  653. text-align: center;
  654. margin-top: 40px;
  655. }
  656. .caseLogo3 {
  657. width: 222px;
  658. height: 415px;
  659. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_jxal_hzdz.png");
  660. background-repeat: no-repeat;
  661. border-radius: 10px;
  662. position: relative;
  663. }
  664. .caseLogo4 {
  665. width: 222px;
  666. height: 415px;
  667. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_jxal_wxgc.png");
  668. background-repeat: no-repeat;
  669. border-radius: 10px;
  670. position: relative;
  671. }
  672. .aboutUt {
  673. background-color: #Fff;
  674. overflow: hidden;
  675. position: relative;
  676. }
  677. .aboutTextBoxw {
  678. margin-top: 142px;
  679. margin-left: 10%;
  680. background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_gywm_qq.png");
  681. background-repeat: no-repeat;
  682. }
  683. .aboutTextBox {
  684. margin-top: 172px;
  685. margin-left: 10%;
  686. overflow: hidden;
  687. }
  688. .bgImg {
  689. position: absolute;
  690. top: 13%;
  691. left: 38%;
  692. }
  693. .aboutTitle {
  694. width: 340px;
  695. font-size: 56px;
  696. font-family: OPPOSans;
  697. font-weight: 500;
  698. color: #131D2E;
  699. padding-top: 30px;
  700. }
  701. .xian {
  702. width: 340px;
  703. height: 4px;
  704. background: #E3E8EF;
  705. position: relative;
  706. margin-bottom: 54px;
  707. margin-top: 35px;
  708. }
  709. .zixian {
  710. position: absolute;
  711. top: 0;
  712. right: 0;
  713. width: 147px;
  714. height: 4px;
  715. background: #0067ED;
  716. }
  717. .aboutText1 {
  718. margin-top: 54px;
  719. font-size: 18px;
  720. font-family: Microsoft YaHei;
  721. font-weight: 400;
  722. color: #666F80;
  723. width: 464px;
  724. line-height: 36px;
  725. margin-bottom: 20px;
  726. }
  727. .aboutText2 {
  728. margin-top: 54px;
  729. font-size: 18px;
  730. font-family: Microsoft YaHei;
  731. font-weight: 400;
  732. color: #666F80;
  733. width: 464px;
  734. line-height: 36px;
  735. margin-bottom: 218px;
  736. }
  737. .select {
  738. background: #F8FAFF;
  739. overflow: hidden;
  740. }
  741. .companyLogoBox {
  742. overflow: hidden;
  743. position: relative;
  744. width: 1200px;
  745. height: 1000px;
  746. margin: 120px auto 0 auto;
  747. }
  748. .companyLogo1 {
  749. width: 142px;
  750. height: 142px;
  751. background: #FFFFFF;
  752. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  753. border-radius: 8px;
  754. position: absolute;
  755. top: 21%;
  756. left: 0%;
  757. }
  758. .companyLogo1 img {
  759. width: 100%;
  760. height: 100%;
  761. position: absolute;
  762. top: 50%;
  763. left: 50%;
  764. transform: translate(-50%, -50%);
  765. }
  766. .companyLogo8 {
  767. width: 142px;
  768. height: 142px;
  769. background: #FFFFFF;
  770. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  771. border-radius: 8px;
  772. position: absolute;
  773. top: 39%;
  774. left: 0%;
  775. }
  776. .companyLogo8 img {
  777. width: 90%;
  778. height: 85%;
  779. position: absolute;
  780. top: 50%;
  781. left: 50%;
  782. transform: translate(-50%, -50%);
  783. }
  784. .companyLogo15 {
  785. width: 142px;
  786. height: 142px;
  787. background: #FFFFFF;
  788. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  789. border-radius: 8px;
  790. position: absolute;
  791. top: 57%;
  792. left: 0%;
  793. }
  794. .companyLogo15 img {
  795. width: 90%;
  796. height: 90%;
  797. position: absolute;
  798. top: 50%;
  799. left: 50%;
  800. transform: translate(-50%, -50%);
  801. }
  802. .companyLogo22 {
  803. width: 142px;
  804. height: 142px;
  805. background: #FFFFFF;
  806. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  807. border-radius: 8px;
  808. position: absolute;
  809. top: 66%;
  810. left: 0%;
  811. }
  812. .companyLogo22 img {
  813. width: 100%;
  814. height: 100%;
  815. position: absolute;
  816. top: 50%;
  817. left: 50%;
  818. transform: translate(-50%, -50%);
  819. }
  820. .companyLogo2 {
  821. width: 142px;
  822. height: 142px;
  823. background: #FFFFFF;
  824. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  825. border-radius: 8px;
  826. position: absolute;
  827. top: 14%;
  828. left: 14%;
  829. text-align: center;
  830. }
  831. .companyLogo2 img {
  832. width: 90%;
  833. height: 57%;
  834. /* margin: auto 0; */
  835. display: block;
  836. position: absolute;
  837. top: 50%;
  838. left: 50%;
  839. transform: translate(-50%, -50%);
  840. }
  841. .companyLogo9 {
  842. width: 142px;
  843. height: 142px;
  844. background: #FFFFFF;
  845. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  846. border-radius: 8px;
  847. position: absolute;
  848. top: 32%;
  849. left: 14%;
  850. }
  851. .companyLogo9 img {
  852. width: 90%;
  853. height: 90%;
  854. position: absolute;
  855. top: 50%;
  856. left: 50%;
  857. transform: translate(-50%, -50%);
  858. }
  859. .companyLogo16 {
  860. width: 142px;
  861. height: 142px;
  862. background: #FFFFFF;
  863. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  864. border-radius: 8px;
  865. position: absolute;
  866. top: 50%;
  867. left: 14%;
  868. }
  869. .companyLogo16 img {
  870. width: 90%;
  871. height: 80%;
  872. position: absolute;
  873. top: 50%;
  874. left: 50%;
  875. transform: translate(-50%, -50%);
  876. }
  877. .companyLogo23 {
  878. width: 142px;
  879. height: 142px;
  880. background: #FFFFFF;
  881. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  882. border-radius: 8px;
  883. position: absolute;
  884. top: 68%;
  885. left: 14%;
  886. }
  887. .companyLogo23 img {
  888. width: 90%;
  889. height: 70%;
  890. position: absolute;
  891. top: 50%;
  892. left: 50%;
  893. transform: translate(-50%, -50%);
  894. }
  895. .companyLogo3 {
  896. width: 142px;
  897. height: 142px;
  898. background: #FFFFFF;
  899. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  900. border-radius: 8px;
  901. position: absolute;
  902. top: 7%;
  903. left: 29%;
  904. }
  905. .companyLogo3 img {
  906. width: 100%;
  907. height: 100%;
  908. position: absolute;
  909. top: 50%;
  910. left: 50%;
  911. transform: translate(-50%, -50%);
  912. }
  913. .companyLogo10 {
  914. width: 142px;
  915. height: 142px;
  916. background: #FFFFFF;
  917. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  918. border-radius: 8px;
  919. position: absolute;
  920. top: 25%;
  921. left: 29%;
  922. }
  923. .companyLogo10 img {
  924. width: 100%;
  925. height: 100%;
  926. position: absolute;
  927. top: 50%;
  928. left: 50%;
  929. transform: translate(-50%, -50%);
  930. }
  931. .companyLogo17 {
  932. width: 142px;
  933. height: 142px;
  934. background: #FFFFFF;
  935. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  936. border-radius: 8px;
  937. position: absolute;
  938. top: 43%;
  939. left: 29%;
  940. }
  941. .companyLogo17 img {
  942. width: 100%;
  943. height: 100%;
  944. position: absolute;
  945. top: 50%;
  946. left: 50%;
  947. transform: translate(-50%, -50%);
  948. }
  949. .companyLogo24 {
  950. width: 142px;
  951. height: 142px;
  952. background: #FFFFFF;
  953. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  954. border-radius: 8px;
  955. position: absolute;
  956. top: 61%;
  957. left: 29%;
  958. }
  959. .companyLogo24 img {
  960. width: 93%;
  961. height: 28%;
  962. position: absolute;
  963. top: 50%;
  964. left: 50%;
  965. transform: translate(-50%, -50%);
  966. }
  967. .companyLogo4 {
  968. width: 142px;
  969. height: 142px;
  970. background: #FFFFFF;
  971. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  972. border-radius: 8px;
  973. position: absolute;
  974. top: 0%;
  975. left: 44%;
  976. }
  977. .companyLogo4 img {
  978. width: 100%;
  979. height: 40%;
  980. position: absolute;
  981. top: 50%;
  982. left: 50%;
  983. transform: translate(-50%, -50%);
  984. }
  985. .companyLogo11 {
  986. width: 142px;
  987. height: 142px;
  988. background: #FFFFFF;
  989. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  990. border-radius: 8px;
  991. position: absolute;
  992. top: 18%;
  993. left: 44%;
  994. }
  995. .companyLogo11 img {
  996. width: 90%;
  997. height: 90%;
  998. position: absolute;
  999. top: 50%;
  1000. left: 50%;
  1001. transform: translate(-50%, -50%);
  1002. }
  1003. .companyLogo18 {
  1004. width: 142px;
  1005. height: 142px;
  1006. background: #FFFFFF;
  1007. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1008. border-radius: 8px;
  1009. position: absolute;
  1010. top: 36%;
  1011. left: 44%;
  1012. }
  1013. .companyLogo18 img {
  1014. width: 100%;
  1015. height: 100%;
  1016. position: absolute;
  1017. top: 50%;
  1018. left: 50%;
  1019. transform: translate(-50%, -50%);
  1020. }
  1021. .companyLogo25 {
  1022. width: 142px;
  1023. height: 142px;
  1024. background: #FFFFFF;
  1025. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1026. border-radius: 8px;
  1027. position: absolute;
  1028. top: 54%;
  1029. left: 44%;
  1030. }
  1031. .companyLogo25 img {
  1032. width: 100%;
  1033. height: 100%;
  1034. position: absolute;
  1035. top: 50%;
  1036. left: 50%;
  1037. transform: translate(-50%, -50%);
  1038. }
  1039. .companyLogo26 {
  1040. width: 142px;
  1041. height: 142px;
  1042. background: #FFFFFF;
  1043. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1044. border-radius: 8px;
  1045. position: absolute;
  1046. top: 72%;
  1047. left: 44%;
  1048. }
  1049. .companyLogo26 img {
  1050. width: 90%;
  1051. height: 51%;
  1052. position: absolute;
  1053. top: 50%;
  1054. left: 50%;
  1055. transform: translate(-50%, -50%);
  1056. }
  1057. .companyLogo5 {
  1058. width: 142px;
  1059. height: 142px;
  1060. background: #FFFFFF;
  1061. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1062. border-radius: 8px;
  1063. position: absolute;
  1064. top: 8%;
  1065. left: 59%;
  1066. }
  1067. .companyLogo5 img {
  1068. width: 100%;
  1069. height: 55%;
  1070. position: absolute;
  1071. top: 50%;
  1072. left: 50%;
  1073. transform: translate(-50%, -50%);
  1074. }
  1075. .companyLogo12 {
  1076. width: 142px;
  1077. height: 142px;
  1078. background: #FFFFFF;
  1079. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1080. border-radius: 8px;
  1081. position: absolute;
  1082. top: 26%;
  1083. left: 59%;
  1084. }
  1085. .companyLogo12 img {
  1086. width: 90%;
  1087. height: 50%;
  1088. position: absolute;
  1089. top: 50%;
  1090. left: 50%;
  1091. transform: translate(-50%, -50%);
  1092. }
  1093. .companyLogo19 {
  1094. width: 142px;
  1095. height: 142px;
  1096. background: #FFFFFF;
  1097. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1098. border-radius: 8px;
  1099. position: absolute;
  1100. top: 44%;
  1101. left: 59%;
  1102. }
  1103. .companyLogo19 img {
  1104. width: 100%;
  1105. height: 100%;
  1106. position: absolute;
  1107. top: 50%;
  1108. left: 50%;
  1109. transform: translate(-50%, -50%);
  1110. }
  1111. .companyLogo27 {
  1112. width: 142px;
  1113. height: 142px;
  1114. background: #FFFFFF;
  1115. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1116. border-radius: 8px;
  1117. position: absolute;
  1118. top: 62%;
  1119. left: 59%;
  1120. }
  1121. .companyLogo27 img {
  1122. width: 90%;
  1123. height: 90%;
  1124. position: absolute;
  1125. top: 50%;
  1126. left: 50%;
  1127. transform: translate(-50%, -50%);
  1128. }
  1129. .companyLogo6 {
  1130. width: 142px;
  1131. height: 142px;
  1132. background: #FFFFFF;
  1133. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1134. border-radius: 8px;
  1135. position: absolute;
  1136. top: 2%;
  1137. left: 74%;
  1138. }
  1139. .companyLogo6 img {
  1140. width: 100%;
  1141. height: 100%;
  1142. position: absolute;
  1143. top: 50%;
  1144. left: 50%;
  1145. transform: translate(-50%, -50%);
  1146. }
  1147. .companyLogo13 {
  1148. width: 142px;
  1149. height: 142px;
  1150. background: #FFFFFF;
  1151. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1152. border-radius: 8px;
  1153. position: absolute;
  1154. top: 20%;
  1155. left: 74%;
  1156. }
  1157. .companyLogo13 img {
  1158. width: 100%;
  1159. height: 100%;
  1160. position: absolute;
  1161. top: 50%;
  1162. left: 50%;
  1163. transform: translate(-50%, -50%);
  1164. }
  1165. .companyLogo20 {
  1166. width: 142px;
  1167. height: 142px;
  1168. background: #FFFFFF;
  1169. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1170. border-radius: 8px;
  1171. position: absolute;
  1172. top: 38%;
  1173. left: 74%;
  1174. }
  1175. .companyLogo20 img {
  1176. width: 100%;
  1177. height: 100%;
  1178. position: absolute;
  1179. top: 50%;
  1180. left: 50%;
  1181. transform: translate(-50%, -50%);
  1182. }
  1183. .companyLogo28 {
  1184. width: 142px;
  1185. height: 142px;
  1186. background: #FFFFFF;
  1187. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1188. border-radius: 8px;
  1189. position: absolute;
  1190. top: 56%;
  1191. left: 74%;
  1192. }
  1193. .companyLogo28 img {
  1194. width: 90%;
  1195. height: 80%;
  1196. position: absolute;
  1197. top: 50%;
  1198. left: 50%;
  1199. transform: translate(-50%, -50%);
  1200. }
  1201. .companyLogo7 {
  1202. width: 142px;
  1203. height: 142px;
  1204. background: #FFFFFF;
  1205. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1206. border-radius: 8px;
  1207. position: absolute;
  1208. top: 19%;
  1209. right: 0;
  1210. }
  1211. .companyLogo7 img {
  1212. width: 100%;
  1213. height: 80%;
  1214. position: absolute;
  1215. top: 50%;
  1216. left: 50%;
  1217. transform: translate(-50%, -50%);
  1218. }
  1219. .companyLogo14 {
  1220. width: 142px;
  1221. height: 142px;
  1222. background: #FFFFFF;
  1223. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1224. border-radius: 8px;
  1225. position: absolute;
  1226. top: 37%;
  1227. right: 0;
  1228. }
  1229. .companyLogo14 img {
  1230. width: 90%;
  1231. height: 40%;
  1232. position: absolute;
  1233. top: 50%;
  1234. left: 50%;
  1235. transform: translate(-50%, -50%);
  1236. }
  1237. .companyLogo21 {
  1238. width: 142px;
  1239. height: 142px;
  1240. background: #FFFFFF;
  1241. box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
  1242. border-radius: 8px;
  1243. position: absolute;
  1244. top: 55%;
  1245. right: 0;
  1246. }
  1247. .companyLogo21 img {
  1248. width: 90%;
  1249. height: 80%;
  1250. position: absolute;
  1251. top: 50%;
  1252. left: 50%;
  1253. transform: translate(-50%, -50%);
  1254. }
  1255. .selectTitle {
  1256. width: 100%;
  1257. font-size: 54px;
  1258. font-family: OPPOSans;
  1259. font-weight: bold;
  1260. color: #202530;
  1261. margin: 86px 0 0 0;
  1262. text-align: center;
  1263. }
  1264. .selectImg {
  1265. width: 100%;
  1266. height: 100%;
  1267. margin: 0 auto;
  1268. display: block;
  1269. }
  1270. /**/
  1271. .headerBox {
  1272. width: 100%;
  1273. height: 80px;
  1274. background: #FFFFFF;
  1275. overflow: hidden;
  1276. position: fixed;
  1277. top: 0;
  1278. left: 0;
  1279. z-index: 10000;
  1280. }
  1281. .imgBox {
  1282. float: left;
  1283. margin-left: 40px;
  1284. margin-top: 17px;
  1285. width: 158px;
  1286. height: 45px;
  1287. }
  1288. .contenBox {
  1289. float: left;
  1290. margin-left: 10%;
  1291. margin-top: 32px;
  1292. overflow: hidden;
  1293. }
  1294. .item {
  1295. font-size: 16px;
  1296. font-family: Microsoft YaHei;
  1297. font-weight: 400;
  1298. color: #333333;
  1299. /* line-height: 16px; */
  1300. float: left;
  1301. cursor: pointer;
  1302. margin-right: 80px;
  1303. padding: 4px 0;
  1304. }
  1305. .goBox {
  1306. overflow: hidden;
  1307. float: right;
  1308. margin-top: 22px;
  1309. margin-right: 2%;
  1310. }
  1311. .zx {
  1312. width: 108px;
  1313. height: 36px;
  1314. background: #FF4800;
  1315. border-radius: 6px;
  1316. float: left;
  1317. margin-right: 14px;
  1318. font-size: 16px;
  1319. font-family: Microsoft YaHei;
  1320. font-weight: 400;
  1321. color: #FFFFFF;
  1322. line-height: 36px;
  1323. text-align: center;
  1324. cursor: pointer;
  1325. }
  1326. .goA {
  1327. width: 78px;
  1328. height: 36px;
  1329. background: #0067ED;
  1330. border-radius: 6px;
  1331. float: left;
  1332. font-size: 16px;
  1333. font-family: Microsoft YaHei;
  1334. font-weight: 400;
  1335. color: #FFFFFF;
  1336. line-height: 36px;
  1337. text-align: center;
  1338. }