No Description

index.css 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. footer{
  2. width: 100%;
  3. height: 300px;
  4. background: #262626;
  5. }
  6. footer .con{
  7. max-width: 1140px;
  8. height: 100%;
  9. position: relative;
  10. margin: auto;
  11. }
  12. footer .con .left{
  13. position: absolute;
  14. left: 0;
  15. top: 40px;
  16. }
  17. footer .con .left .smallTilte{
  18. color: #fff;
  19. font-size: 18px;
  20. line-height: 20px;
  21. -webkit-text-stroke:1px #979797;
  22. text-stroke:1px #979797;
  23. }
  24. footer .con .left h3{
  25. color: #fff;
  26. font-size: 26px;
  27. line-height: 40px;
  28. margin-top: 18px;
  29. }
  30. footer .con .left h3::after{
  31. content: '';
  32. display: block;
  33. width: 50px;
  34. height:2px;
  35. background: #ff4400;
  36. box-shadow:0 1px 2px 0 rgba(255,110,12,0.42);
  37. border-radius:2px;
  38. margin-top: 10px;
  39. }
  40. footer .con .left p{
  41. color: #ffffff;
  42. font-size: 16px;
  43. line-height: 24px;
  44. margin-top: 10px;
  45. }
  46. footer .con .kxEvm{
  47. width: 200px;height: 200px;position: absolute;
  48. top: 50px;right: 0;
  49. }
  50. .goTop{
  51. position: fixed;
  52. bottom: 1rem;
  53. right: 0rem;
  54. width: 0.5rem;
  55. }
  56. .top{
  57. position: relative;
  58. /* background:linear-gradient(214deg,rgba(236,242,248,1) 0%,rgba(186,216,238,1) 100%); */
  59. }
  60. .top .mainImg{
  61. /* width: 1320px; */
  62. width: 100%;
  63. margin: auto;
  64. }
  65. .gongneng{
  66. position: relative;
  67. width: 1320px;
  68. margin: auto;
  69. }
  70. .gongneng .gongnengImg{
  71. width: 100%;
  72. }
  73. .gongneng .gongneng_con{
  74. position: absolute;
  75. bottom: 43px;
  76. right: 80px;
  77. width: 489px;
  78. height: 77%;
  79. background: rgba(0,0,0,0.75)
  80. }
  81. .gongneng .gongneng_con .con{
  82. width: 489px;
  83. height: 100%;
  84. overflow: hidden;
  85. position: relative;
  86. }
  87. .gongneng .gongneng_con .logo{
  88. width: 50px;
  89. height: 50px;
  90. margin: 50px auto 10px;
  91. }
  92. .gongneng ul{
  93. position: absolute;
  94. width: 100%;
  95. right: 0;
  96. }
  97. .gongneng ul li{
  98. float: left;
  99. text-align: center;
  100. width: 163px;
  101. margin-top: 30px;
  102. }
  103. .gongneng ul li img{
  104. width: 34px;
  105. margin: auto;
  106. margin-bottom: 20px;
  107. }
  108. .gongneng ul li span{
  109. font-size: 14px;
  110. color: #ffffff;
  111. }
  112. .buttonRight{
  113. width: 30px;
  114. position: absolute;
  115. right: -34px;
  116. bottom: 170px;
  117. cursor: pointer;
  118. }
  119. .about_us{
  120. width: 1140px;
  121. margin: auto;
  122. text-align: center;
  123. margin-bottom: 80px;
  124. }
  125. .about_us h3{
  126. color: #212121;
  127. font-size: 28px;
  128. line-height: 40px;
  129. margin-top: 60px;
  130. }
  131. .about_us .title_hint{
  132. color: #999999;
  133. font-size: 12px;
  134. line-height: 20px;
  135. margin-top: 10px;
  136. }
  137. .about_us .about_us_con{
  138. margin-top: 50px;
  139. }
  140. .about_us .about_us_con img{
  141. width: 47%;
  142. float: left;
  143. height: 240px;
  144. }
  145. .about_us .about_us_con .content{
  146. width: 47%;
  147. float: right;
  148. text-align: left;
  149. background:rgba(0,0,0,0.03);
  150. padding:50px 20px;
  151. height: 240px;
  152. box-sizing: border-box;
  153. }
  154. .about_us .about_us_con .content p{
  155. color: #5C5C5C;
  156. font-size: 12px;
  157. line-height: 20px;
  158. }
  159. .about_us .about_us_con .content .title{
  160. color: #212121;
  161. font-size: 16px;
  162. padding-bottom: 20px;
  163. }
  164. /* //万能清除浮动 */
  165. .clear:after {
  166. clear: both;
  167. content: " ";
  168. display: block;
  169. height: 0;
  170. overflow: hidden;
  171. visibility: hidden;
  172. }
  173. .clear {
  174. zoom: 1;
  175. }
  176. .downApp{
  177. width: 130px;
  178. height: 60px;
  179. background: url(img/下载@2x.png) no-repeat;
  180. background-size: 100%;
  181. display: block;
  182. position: absolute;
  183. top: 40%;
  184. left: 11%;
  185. }