product-kestos.css 1.4 KB

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