global.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. html,
  2. body,
  3. h1,
  4. h2,
  5. h3,
  6. h4,
  7. h5,
  8. h6,
  9. p,
  10. span,
  11. div,
  12. a,
  13. ul,
  14. ol,
  15. li,
  16. img,
  17. button,
  18. input {
  19. padding: 0;
  20. margin: 0;
  21. }
  22. body {
  23. margin: 0; /* 清除默认边距 */
  24. padding: 0;
  25. font-size: 14px;
  26. font-family: PingFang SC, PingFang SC;
  27. background: url("../../public/header/banner_new.jpg") no-repeat center top;
  28. background-size: 100% 800PX;
  29. /* background-size: cover; 核心:等比例放大图片,覆盖整个容器(超出部分裁剪) */
  30. /* background-position: center center; 图片居中显示 */
  31. /* background-attachment: fixed; 可选:背景固定,滚动页面时不跟随移动 */
  32. /* min-height: 100PX; 确保body高度至少占满视口 */
  33. /* max-height: 500px; */
  34. }
  35. @media screen and (max-width: 800px) {
  36. body {
  37. font-size: 14px;
  38. font-family: PingFang SC, PingFang SC;
  39. /* overflow: hidden; */
  40. background: url("../../public/header/banner_phone.jpg") no-repeat center top;
  41. /* background-size: 100% 100%; */
  42. }
  43. }
  44. .left {
  45. float: left;
  46. }
  47. .right {
  48. float: right;
  49. }
  50. a {
  51. text-decoration: none;
  52. }
  53. ul,
  54. ol,
  55. li {
  56. list-style: none;
  57. }
  58. .inner {
  59. width: 1200px;
  60. margin: 0 auto;
  61. }
  62. /* //inner下的左右侧标题样式 */
  63. .innerLeft,
  64. .innerRight {
  65. float: left;
  66. }
  67. .innerLeft {
  68. width: 790px;
  69. margin-right: 20px;
  70. }
  71. .innerLeft>.title {
  72. width: 790px;
  73. }
  74. .innerLeft>.title>h3 {
  75. height: 36px;
  76. font-family: Source Han Sans, Source Han Sans;
  77. font-weight: bold;
  78. font-size: 24px;
  79. color: #000000;
  80. line-height: 28px;
  81. text-align: left;
  82. font-style: normal;
  83. text-transform: none;
  84. border-bottom: 1px solid #139602;
  85. }
  86. .innerLeft>.title>h3>span {
  87. float: right;
  88. width: 56px;
  89. height: 20px;
  90. line-height: 24px;
  91. font-weight: 400;
  92. font-size: 14px;
  93. color: #999999;
  94. font-style: normal;
  95. text-transform: none;
  96. }
  97. .innerRight {
  98. width: 390px;
  99. }
  100. .innerRight>.title>h3 {
  101. height: 36px;
  102. font-family: Source Han Sans, Source Han Sans;
  103. font-weight: bold;
  104. font-size: 24px;
  105. color: #000000;
  106. line-height: 28px;
  107. text-align: left;
  108. font-style: normal;
  109. text-transform: none;
  110. border-bottom: 1px solid #139602;
  111. }
  112. .innerRight>.title>h3>span {
  113. float: right;
  114. width: 56px;
  115. height: 20px;
  116. line-height: 24px;
  117. font-weight: 400;
  118. font-size: 14px;
  119. color: #999999;
  120. font-style: normal;
  121. text-transform: none;
  122. }