product-kestos.css 1.5 KB

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