taxFinance.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. .continueHighBanner img{
  2. width: 100%;
  3. }
  4. .financeTop {
  5. width:1200px;
  6. display: flex;
  7. display: -webkit-flex;
  8. justify-content: space-between;
  9. margin: 70px auto;
  10. }
  11. .financeTop div{
  12. width: 590px;
  13. height: 414px;
  14. }
  15. .financeTop div:nth-child(1){
  16. background: url(../../../../img/load/finance_2.png) no-repeat;
  17. background-size:100% 100%;
  18. }
  19. .financeTop div:nth-child(2){
  20. background: url(../../../../img/load/finance_3.png) no-repeat;
  21. background-size:100% 100%;
  22. }
  23. .financeTop div a{
  24. display: inline-block;
  25. width: 165px;
  26. height: 50px;
  27. background: rgba(0, 0, 0, .2);
  28. color: #fff;
  29. line-height: 48px;
  30. text-align: center;
  31. margin-top: 300px;
  32. margin-left: 50px;
  33. font-size: 22px;
  34. border-radius: 10px;
  35. transition: all .2s ease-in-out;
  36. }
  37. .financeTop div a:hover{
  38. background: #0289df;
  39. transition: all .2s ease-in
  40. }
  41. .financeMid {
  42. width: 100%;
  43. background: url(../../../../img/load/finance_4.png)no-repeat;
  44. background-size:100% 100%;
  45. }
  46. .financeMid .financeTxt{
  47. width: 1200px;
  48. margin: 0 auto;
  49. padding-top: 160px;
  50. padding-bottom: 200px;
  51. display: flex;
  52. display: -webkit-flex;
  53. justify-content: space-between;
  54. }
  55. .financeMid .financeTxt div{
  56. width: 260px;
  57. text-align: center;
  58. }
  59. .financeMid .financeTxt div p{
  60. font-weight: both;
  61. font-size: 64px;
  62. color: #fff;
  63. }
  64. .financeMid .financeTxt dl{
  65. width: 800px;
  66. color: #fff;
  67. font-size: 24px;
  68. }
  69. .financeMid .financeTxt dl dd{
  70. margin-top: 10px;
  71. }
  72. .financeBottom{
  73. width: 1400px;
  74. margin: 67px auto 150px;
  75. background: url(../../../../img/load/finance_5.jpg)no-repeat;
  76. background-size:100% 100%;
  77. }
  78. .financeBottom .financeContent{
  79. width: 1200px;
  80. margin: 0 auto;
  81. padding-top: 60px;
  82. padding-bottom: 90px;
  83. display: flex;
  84. display: -webkit-flex;
  85. justify-content: space-between;
  86. }
  87. .financeBottom .financeContent a{
  88. width: 100%;
  89. height: 100%;
  90. display: inline-block;
  91. }
  92. .financeBottom .financeContent div{
  93. width: 320px;
  94. height: 320px;
  95. text-align: center;
  96. }
  97. .financeContent a{
  98. display: inline-block;
  99. width: 100%;
  100. height: 100%;
  101. }
  102. .financeBottom .financeContent div p{
  103. font-size: 28px;
  104. color: #333333;
  105. margin-top:250px;
  106. }
  107. .financeBottom .financeContent div:nth-child(1){
  108. background: url(../../../../img/load/finance_6.png)no-repeat;
  109. background-size:100% 100%;
  110. }
  111. .financeBottom .financeContent div:nth-child(2){
  112. background: url(../../../../img/load/finance_7.png)no-repeat;
  113. background-size:100% 100%;
  114. }
  115. .financeBottom .financeContent div:nth-child(3){
  116. background: url(../../../../img/load/finance_8.png)no-repeat;
  117. background-size:100% 100%;
  118. }
  119. @media screen and (max-width:1200px){
  120. .financeBottom,.financeMid,.continueHighBanner{
  121. width: 1200px;
  122. }
  123. }