Thesolution.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. body h1 {
  2. color: #595757;
  3. }
  4. .background .col_color {
  5. height: 150px;
  6. width: 520px;
  7. margin-left: 20px;
  8. display: table;
  9. box-shadow: 3px 3px 4px rgba(157,157,157,.2);
  10. border-radius: 5px;
  11. }
  12. .background .thumbnail_img {
  13. display: table-cell;
  14. vertical-align: middle;
  15. padding-right: 15px;
  16. padding-left: 8px;
  17. }
  18. .background img {
  19. width: 100%;
  20. }
  21. .row_ail {
  22. margin-top: 50px;
  23. }
  24. .fond {
  25. display: table-cell;
  26. width: 400px;
  27. vertical-align: middle;
  28. /* margin-left: 5px; */
  29. }
  30. .fond span{
  31. font-size: 22px;
  32. color: #000;
  33. }
  34. .fond p {
  35. font-size: 14px;
  36. color: #727171;
  37. margin-top: 10px;
  38. }
  39. /*动态*/
  40. .background .col_color:hover {
  41. transform:translateY(-5px);transition: 0.3s;
  42. }
  43. /*.background .thumbnail_img:hover .icon_img{
  44. display: none;
  45. }
  46. .background .thumbnail_img:hover .icon_img2{
  47. display: block;
  48. }
  49. .background .thumbnail_img .icon_img2{display: none;}*/
  50. /*<!-- 解决方案二 -->*/
  51. .background .fonds{
  52. text-align: center;
  53. margin: 0 auto;
  54. }
  55. .background .fonds span{
  56. font-size:22px;
  57. }
  58. .fonds_bank span {
  59. font-size: 35px;
  60. text-align: left;
  61. color: #ffffff;
  62. line-height: 120px;
  63. }
  64. .fonds_bank {
  65. width: 40%;
  66. margin: 140px 0 0 50px;
  67. }
  68. p {
  69. font-size: 14px;
  70. color: #666;
  71. margin-bottom: 10px;
  72. }
  73. .col_center .icon_img {
  74. margin: 5px auto;
  75. width: 100px;
  76. height: 100px;
  77. }
  78. .thumbnail_Box {
  79. width: 155px;
  80. margin: auto;
  81. }
  82. /*<!-- 解决方案三 -->*/
  83. .container_Six span {
  84. font-size: 22px;
  85. }
  86. .container_Six .pos_wz_W {
  87. text-align: center;
  88. }
  89. /*<!-- 解决方案四 -->*/
  90. .fluid {
  91. background: url(../img/solution3.jpg) no-repeat;
  92. background-size: cover;
  93. background-size: 100%;
  94. }
  95. .fluid .fond_bank span{
  96. font-size:50px;
  97. color: #ffffff;
  98. }
  99. /*新*/
  100. .Bold_lines {
  101. border: solid 2px #4aa1ff;
  102. width: 60px;
  103. text-align: center;
  104. margin: 0 auto;
  105. margin-top: 10px;
  106. }