product-kestos.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .main {
  2. .service {
  3. margin-top: 140px;
  4. .container {
  5. display: flex;
  6. justify-content: space-between;
  7. }
  8. .item {
  9. width: 558px;
  10. }
  11. .cover {
  12. width: 558px;
  13. height: 418px;
  14. img {
  15. display: block;
  16. width: 100%;
  17. height: 100%;
  18. }
  19. }
  20. .content {
  21. .title {
  22. font-size: 24px;
  23. font-weight: bold;
  24. margin: 40px 0 16px;
  25. }
  26. .detail {
  27. text-align: justify;
  28. line-height: 32px;
  29. .mr40 {
  30. margin-right: 40px;
  31. }
  32. span {
  33. color: #505050;
  34. margin-right: 25px;
  35. &::before {
  36. content: '';
  37. display: inline-block;
  38. vertical-align: -5px;
  39. width: 20px;
  40. height: 20px;
  41. background: url(/img/icon-right.png) no-repeat center;
  42. background-size: 20px;
  43. margin-right: 8px;
  44. }
  45. }
  46. }
  47. }
  48. }
  49. .about {
  50. height: 600px;
  51. background: url(/img/product-kestos-bg-about.png) no-repeat center;
  52. background-size: auto 600px;
  53. padding-top: 128px;
  54. text-align: center;
  55. box-sizing: border-box;
  56. margin-top: 140px;
  57. .title {
  58. font-size: 24px;
  59. color: #fff;
  60. }
  61. .line {
  62. width: 32px;
  63. height: 2px;
  64. background-color: #fff;
  65. margin: 64px auto;
  66. }
  67. .description {
  68. width: 804px;
  69. font-size: 16px;
  70. line-height: 48px;
  71. margin: 0 auto;
  72. color: #fff;
  73. }
  74. }
  75. }
  76. .footer {
  77. margin-top: 0;
  78. }