You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.less 1.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. //pc端样式
  2. .main {
  3. width: 100%;
  4. max-width: 1920px;
  5. margin: 0 auto;
  6. padding-top: 71px;
  7. .text{
  8. text-align: justify;
  9. }
  10. }
  11. .desCon{
  12. width: 100%;
  13. text-align: center;
  14. padding-top: 120px;
  15. .desTop{
  16. width: 100%;
  17. max-width: 1300px;
  18. margin: 0px auto;
  19. display: flex;
  20. text-align: left;
  21. padding-bottom: 46px;
  22. &>div{
  23. width: 50%;
  24. }
  25. }
  26. .desTopImg{
  27. width: 100%;
  28. max-width: 1500px;
  29. margin: 0px auto;
  30. padding-bottom: 140px;
  31. img{
  32. width: 100%;
  33. display: block;
  34. }
  35. }
  36. .desLi{
  37. width: 100%;
  38. max-width: 1300px;
  39. margin: 0px auto;
  40. padding-bottom: 150px;
  41. img{
  42. width: 100%;
  43. display: block;
  44. margin-bottom: 50px;
  45. }
  46. .title{
  47. font-size: 36px;
  48. margin-bottom: 16px;
  49. }
  50. .text{
  51. text-align: left;
  52. text-align: justify;
  53. }
  54. &:last-child{
  55. padding-bottom: 130px;
  56. }
  57. }
  58. }
  59. @media screen and (min-width: 801px) and (max-width: 1400px) {
  60. }
  61. @media screen and (min-width:800px){
  62. }
  63. .mTxt{
  64. display: none;
  65. }
  66. //移动端样式
  67. @media screen and (max-width:800px) {
  68. .pcTxt{
  69. display: none;
  70. }
  71. .mTxt{
  72. display: block;
  73. }
  74. .main{
  75. padding-top: 61px;
  76. }
  77. .desCon{
  78. padding-top: 50px;
  79. box-sizing: border-box;
  80. padding-left: 15px;
  81. padding-right: 15px;
  82. // .text{
  83. // font-size: 14px;
  84. // line-height: 22px;
  85. // }
  86. .desTop{
  87. padding-bottom: 30px;
  88. flex-wrap: wrap;
  89. .title{
  90. text-align: center;
  91. margin-bottom: 20px;
  92. }
  93. &>div{
  94. width: 100%;
  95. }
  96. }
  97. .desTopImg{
  98. padding-bottom: 70px;
  99. }
  100. .desLi{
  101. padding-bottom: 70px;
  102. img{
  103. margin-bottom: 28px;
  104. }
  105. .title{
  106. font-size: 16px;
  107. line-height: 20px;
  108. }
  109. &:last-child {
  110. padding-bottom: 70px;
  111. }
  112. }
  113. }
  114. }