pdf.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. .index-line {
  2. position: relative;
  3. z-index: 2;
  4. }
  5. .index-line-center>p {
  6. font-size: 16px;
  7. color: #999EAA;
  8. text-align: center;
  9. margin-top: 20px;
  10. line-height: 1.5;
  11. }
  12. .common-h1 {
  13. position: relative;
  14. width: fit-content;
  15. font-family: 'Microsoft YaHei';
  16. font-style: normal;
  17. font-weight: 700;
  18. font-size: 45px;
  19. line-height: 59px;
  20. text-align: center;
  21. letter-spacing: 2px;
  22. color: #111E40;
  23. margin: 0 auto;
  24. }
  25. .common-h1 img {
  26. position: absolute;
  27. left: -102px;
  28. bottom: -228px;
  29. z-index: -1;
  30. }
  31. .core-list {
  32. margin-top: 50px;
  33. }
  34. .core-list li {
  35. width: 15%;
  36. float: left;
  37. }
  38. .core-list li+li {
  39. margin-left: 2%;
  40. }
  41. .core-list li div {
  42. padding: 25px 22px;
  43. background: #FDFEFF;
  44. box-shadow: 0px 0px 27px 1px rgba(17, 25, 46, 0.12);
  45. border-radius: 18px;
  46. position: relative;
  47. top: 0;
  48. }
  49. .core-list li div:hover {
  50. /* top: -10px; */
  51. box-shadow: 0px 0px 27px 1px rgba(17, 25, 46, 0.2);
  52. }
  53. .core-list li div img {
  54. width: 50%;
  55. display: block;
  56. margin: 0 auto;
  57. }
  58. .core-list li div h3 {
  59. color: #333333;
  60. line-height: 1.5;
  61. margin-top: 35px;
  62. text-align: center;
  63. font-size: 18px;
  64. }
  65. .core-list li div p {
  66. font-size: 14px;
  67. color: #666666;
  68. text-align: center;
  69. line-height: 1.6;
  70. margin-top: 10px;
  71. }
  72. .contentBox-ct{
  73. width:100%;
  74. height:646px;
  75. margin-top: 60px;
  76. }
  77. .contentBox-left img{
  78. margin-top:100px;
  79. width:580px;cursor:pointer;
  80. height:432px;
  81. }
  82. .contentBox-right{
  83. width:480px;
  84. word-break:break-all;
  85. word-wrap: break-word;
  86. white-space: pre-wrap;
  87. text-align:justify;
  88. text-justify:inter-ideograph;
  89. }
  90. .contentBox-right p{
  91. color:#333333;
  92. font-size: 40px;text-align:center;
  93. margin-top:230px;
  94. }
  95. .contentBox-right span,.contentBoxOne-left span{
  96. display:block;
  97. color:#555555;
  98. font-size: 24px;text-indent:2em;
  99. line-height: 48px;
  100. margin-top:30px;
  101. }
  102. .contentBox-cr{
  103. width:100%;
  104. height:646px; background:url(../images/kv_bg4.jpg) center center no-repeat #f5f5f5;
  105. }
  106. .contentBoxOne-left{
  107. width:530px;
  108. margin-top:130px;
  109. }
  110. .contentBoxOne-left p{
  111. color:#333333;
  112. font-size: 40px;text-align:center;
  113. }
  114. .contentBoxOne-right{
  115. width:600px;
  116. height:116px;
  117. margin-top:73px;
  118. }
  119. .contentBoxOne-right img{
  120. margin-top:20px;cursor:pointer;
  121. }
  122. .banner-download2{
  123. width:266px;
  124. height:60px;margin:0px auto;
  125. font-size: 16px;
  126. line-height: 16px;
  127. text-align: center;
  128. display: block;
  129. border-radius: 8px;
  130. background:#3884ff;
  131. color:#fff;
  132. cursor:pointer;
  133. padding: 12px 0;
  134. }
  135. .banner-download2 .down{float:left;margin-left:60px;}
  136. .banner-download2 label{float:left;margin-left: 118px;margin-top: -23px;font-size: 22px;color: #fff;}
  137. .clearfix:before,
  138. .clearfix:after {
  139. content: "";
  140. display: table;
  141. }
  142. .clearfix:after {
  143. clear: both;
  144. overflow: hidden;
  145. }
  146. .clearfix {
  147. zoom: 1;
  148. }
  149. .advantage-box {
  150. padding: 20px;
  151. display: -webkit-box;
  152. display: -ms-flexbox;
  153. display: flex;
  154. }
  155. .advantage-box .box-item {
  156. width: 25%;
  157. padding: 0 30px;
  158. text-align: center;
  159. }
  160. .advantage-box .box-item img {
  161. width: 110px;
  162. height: 110px;
  163. margin-bottom: 30px;
  164. }
  165. .advantage-box .box-item p {
  166. margin-bottom: 15px;
  167. text-align: center;
  168. line-height: 1.6;
  169. }
  170. .advantage-box .box-item .topic {
  171. font-size: 20px;
  172. color: #1a1a1a;
  173. }
  174. .advantage-box .box-item .sub {
  175. color: #666;
  176. font-size: 14px;
  177. }