rename.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. .in-box {
  2. padding: 68px;
  3. }
  4. .in-box > img {
  5. display: block;
  6. width: 35px;
  7. margin: 0 auto;
  8. margin-bottom: 77px;
  9. }
  10. .common-h1 {
  11. position: relative;
  12. width: fit-content;
  13. font-family: 'Microsoft YaHei';
  14. font-style: normal;
  15. font-weight: 700;
  16. font-size: 45px;
  17. line-height: 59px;
  18. text-align: center;
  19. letter-spacing: 2px;
  20. color: #111E40;
  21. margin: 0 auto;
  22. }
  23. .common-h1 img {
  24. position: absolute;
  25. left: -102px;
  26. bottom: -228px;
  27. z-index: -1;
  28. }
  29. .common-p {
  30. font-family: 'Microsoft YaHei';
  31. font-style: normal;
  32. font-weight: 400;
  33. font-size: 30px;
  34. line-height: 40px;
  35. text-align: center;
  36. letter-spacing: 2px;
  37. color: #111E40;
  38. opacity: 0.65;
  39. margin-top: 40px;
  40. }
  41. .in-box ul {
  42. display: flex;
  43. align-items: center;
  44. justify-content: space-between;
  45. width: 1200px;
  46. margin: 0 auto;
  47. }
  48. .in-box ul.in-ul1 {
  49. margin-top: 118px;
  50. margin-bottom: 64px;
  51. }
  52. .in-box ul li {
  53. display: flex;
  54. flex-direction: column;
  55. align-items: center;
  56. justify-content: center;
  57. width: 280px;
  58. height: 369px;
  59. background: #FFFFFF;
  60. box-shadow: 60px 3px 95px rgba(238, 238, 238, 0.65);
  61. border-radius: 19px;
  62. }
  63. .in-box ul li h2 {
  64. font-family: 'Source Han Sans CN';
  65. font-style: normal;
  66. font-weight: 500;
  67. font-size: 30px;
  68. line-height: 45px;
  69. color: #111E40;
  70. opacity: 0.8;
  71. margin-top: 32px;
  72. margin-bottom: 18px;
  73. }
  74. .in-box ul li p {
  75. width: 210px;
  76. font-family: 'Microsoft YaHei';
  77. font-style: normal;
  78. font-weight: 400;
  79. font-size: 18px;
  80. line-height: 24px;
  81. color: #646D83;
  82. opacity: 0.8;
  83. text-align: center;
  84. }
  85. .advantage-box {
  86. width: 100%;
  87. padding-top: 100px;
  88. padding-bottom: 100px;
  89. }
  90. .advantage-box ul {
  91. display: flex;
  92. align-items: center;
  93. justify-content: space-around;
  94. width: 1200px;
  95. margin: 0 auto;
  96. margin-top: 80px;
  97. }
  98. .advantage-box ul li {
  99. display: flex;
  100. flex-direction: column;
  101. align-items: center;
  102. }
  103. .advantage-box ul li h2 {
  104. font-family: 'Microsoft YaHei';
  105. font-style: normal;
  106. font-weight: 400;
  107. font-size: 24px;
  108. letter-spacing: 0.05em;
  109. color: #545454;
  110. margin-top: 30px;
  111. }
  112. .advantage-box ul li img{
  113. width: 80px;
  114. height: 80px;
  115. }