隧芒官网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

309 rivejä
5.3 KiB

  1. body{
  2. background-color: #000A20 ;
  3. }
  4. /* 去掉全屏时显示的自带控制条 */
  5. /* video::-webkit-media-controls{
  6. display:none !important;
  7. } */
  8. .headBox{
  9. position:absolute;
  10. top: 0;
  11. left: 0;
  12. width: 100%;
  13. height: 80px;
  14. background-color: #000A20 ;
  15. overflow: hidden;
  16. z-index: 100000;
  17. }
  18. .logo{
  19. float: left;
  20. margin-left: 60px;
  21. margin-top: 20px;
  22. width: 180px;
  23. height: 60px;
  24. background-color: #fff;
  25. }
  26. .mainBox{
  27. float: right;
  28. margin-right: 58px;
  29. margin-top: 35px;
  30. height: 17px;
  31. line-height: 17px;
  32. color: #fff;
  33. font-size: 18px;
  34. overflow: hidden;
  35. text-align: center
  36. }
  37. .space{
  38. margin: 0 60px;
  39. }
  40. .mainBox div{
  41. float: left;
  42. width: 72px;
  43. height: 17px;
  44. }
  45. .videoBox{
  46. overflow: hidden;
  47. position: relative;
  48. }
  49. .titleBox{
  50. position: absolute;
  51. width: 100%;
  52. font-size: 80px;
  53. font-family: OPPOSans;
  54. font-weight: 400;
  55. color: #FFFFFF;
  56. top: 30%;
  57. left: 0;
  58. text-align: center;
  59. }
  60. .consult{
  61. position: absolute;
  62. left: 50%;
  63. top: 50%;
  64. transform: translate(-50%, -50%);
  65. width: 200px;
  66. height: 60px;
  67. line-height: 60px;
  68. background: #3ADDEF;
  69. text-align: center;
  70. color: #02172D;
  71. font-size: 20px;
  72. font-family: OPPOSans;
  73. font-weight: 500;
  74. border-radius: 6px;
  75. }
  76. .consult:hover {
  77. color: #fff;
  78. }
  79. .video1{
  80. width: 100%;
  81. height: 1080px;
  82. background: #000A20;;
  83. }
  84. .video2{
  85. width: 100%;
  86. height: 1080px;
  87. background: #000A20;;
  88. }
  89. .itemBox{
  90. width: 100%;
  91. height: 800px;
  92. background: #13161D;
  93. position: relative;
  94. overflow: hidden;
  95. }
  96. .textBox{
  97. position: absolute;
  98. top: 20%;
  99. left: 20%;
  100. width: 489px;
  101. }
  102. .title{
  103. /* width: 357px; */
  104. height: 69px;
  105. font-size: 72px;
  106. font-family: OPPOSans;
  107. font-weight: 800;
  108. color: #3ADDEF;
  109. }
  110. .fushou{
  111. margin-top: 38px;
  112. font-size: 36px;
  113. font-family: OPPOSans;
  114. font-weight: 500;
  115. color: #FFFFFF;
  116. }
  117. .miaosu{
  118. margin-top: 65px;
  119. font-size: 18px;
  120. font-family: Microsoft YaHei;
  121. font-weight: 400;
  122. color: #FFFFFF;
  123. line-height: 38px;
  124. }
  125. .item1{
  126. position: absolute;
  127. width: 600px;
  128. height: 337px;
  129. background: #13161D;
  130. opacity: 0.8;
  131. border-radius: 10px;
  132. top: 20%;
  133. right: 15%;
  134. }
  135. .suxian1{
  136. width: 8px;
  137. height: 522px;
  138. position: absolute;
  139. top: 86px;
  140. left: 360px;
  141. }
  142. .suxian2{
  143. width: 8px;
  144. height: 522px;
  145. position: absolute;
  146. top: 86px;
  147. right: 360px;
  148. }
  149. .suxian3{
  150. position: absolute;
  151. width: 1284px;
  152. height: 8px;
  153. left: 318px;
  154. top: 559px
  155. }
  156. .name{
  157. margin-top: 126px;
  158. text-align: center;
  159. font-size: 72px;
  160. font-family: OPPOSans;
  161. font-weight: 800;
  162. color: #3ADDEF;
  163. }
  164. .dazao{
  165. margin-top: 34px;
  166. text-align: center;
  167. font-size: 22px;
  168. font-family: OPPOSans;
  169. font-weight: 400;
  170. color: #3ADDEF;
  171. }
  172. .dataText{
  173. margin: 56px auto;
  174. width: 1008px;
  175. height: 176px;
  176. font-size: 18px;
  177. font-family: Microsoft YaHei;
  178. font-weight: 400;
  179. color: #FFFFFF;
  180. }
  181. .jieshao{
  182. width: 200px;
  183. height: 60px;
  184. background: #3ADDEF;
  185. margin: 146px auto;
  186. font-size: 20px;
  187. font-family: OPPOSans;
  188. font-weight: 500;
  189. color: #02172D;
  190. text-align: center;
  191. line-height: 60px;
  192. }
  193. .teamworkName{
  194. margin-top: 110px;
  195. text-align: center;
  196. font-size: 72px;
  197. font-family: OPPOSans;
  198. font-weight: 800;
  199. color: #000000;
  200. }
  201. .teamworkText{
  202. margin-top: 44px;
  203. text-align: center;
  204. font-size: 30px;
  205. font-family: Microsoft YaHei;
  206. font-weight: bold;
  207. color: #FFFFFF;
  208. }
  209. .teamworkP{
  210. margin-top: 10px;
  211. text-align: center;
  212. font-size: 18px;
  213. font-family: Microsoft YaHei;
  214. font-weight: bold;
  215. color: rgba(255, 255, 255, 0.5);
  216. }
  217. .teamworkBox{
  218. margin-top: 70px;
  219. margin-left: 359px;
  220. width: 1200px;
  221. display: flex;
  222. flex-wrap:wrap;
  223. justify-content:space-between;
  224. }
  225. .itemImg{
  226. width: 18%;
  227. height: 108px;
  228. background-color: #fff;
  229. margin-bottom: 20px;
  230. }
  231. .teamworkBoxtop{
  232. width: 100%;
  233. height: 730px;
  234. background: #13161D;
  235. position: relative;
  236. overflow: hidden;
  237. }
  238. .consultBox{
  239. height: 376px;
  240. background: #1C1F26;
  241. overflow: hidden;
  242. }
  243. .wayBox{
  244. float: left;
  245. margin-left: 360px;
  246. margin-top: 77px;
  247. }
  248. .zhixuantext{
  249. font-size: 16px;
  250. color: rgba(255, 255, 255, 0.5);
  251. margin-bottom: 10px;
  252. }
  253. .ph{
  254. font-size: 26px;
  255. font-family: OPPOSans;
  256. font-weight: 500;
  257. color: #FFFFFF;
  258. margin-bottom: 64px
  259. }
  260. .stieText{
  261. font-size: 16px;
  262. color: rgba(255, 255, 255, 0.5);
  263. margin-bottom: 10px;
  264. }
  265. .stie{
  266. font-size: 18px;
  267. font-family: OPPOSans;
  268. font-weight: 500;
  269. color: #FFFFFF;
  270. }
  271. .rqCodeBox{
  272. margin-top: 84px;
  273. width: 777px;
  274. float: left;
  275. margin-left:40px;
  276. display: flex;
  277. flex-wrap:wrap;
  278. justify-content:space-between;
  279. }
  280. .rq{
  281. width: 180px;
  282. height: 180px;
  283. background-color: #FFFFFF;
  284. }
  285. .rqBox p{
  286. text-align: center;
  287. margin-top: 20px;
  288. font-size: 16px;
  289. font-family: Microsoft YaHei;
  290. font-weight: 400;
  291. color: #FFFFFF;
  292. }
  293. .tail{
  294. height: 60px;
  295. line-height: 60px;
  296. text-align: center;
  297. background: #040405;
  298. font-size: 14px;
  299. font-family: Microsoft YaHei;
  300. font-weight: 400;
  301. color: #FFFFFF;
  302. }