index.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
  2. padding: 0;
  3. margin: 0;
  4. }
  5. table {
  6. border-collapse: collapse;
  7. border-spacing: 0;
  8. }
  9. fieldset, img, abbr {
  10. border: 0;
  11. }
  12. address, caption, cite, code, dfn, em,
  13. h1, h2, h3, h4, h5, h6, strong, th, var {
  14. font-weight: normal;
  15. font-style: normal;
  16. }
  17. ul {
  18. list-style: none;
  19. }
  20. caption, th {
  21. text-align: left;
  22. }
  23. h1, h2, h3, h4, h5, h6 {
  24. font-size: 1.0em;
  25. }
  26. q:before, q:after {
  27. content: ”;
  28. }
  29. a, ins {
  30. text-decoration: none;
  31. }
  32. .contain{
  33. width:100%;
  34. min-width: 1200px;
  35. }
  36. .contain img{
  37. width: 100%;
  38. line-height:0;
  39. display:block;
  40. }
  41. #head{
  42. width: 100%;
  43. height: 101px;
  44. position: fixed;
  45. left:0;
  46. right:0;
  47. margin: auto;
  48. transition: background-color 0.3s;
  49. }
  50. .header {
  51. width:1200px;
  52. margin: 0 auto;
  53. overflow: hidden;
  54. display: flex;
  55. justify-content: space-between;
  56. align-items: center;
  57. }
  58. .header .logo {
  59. width:147px;
  60. height: 43px;
  61. margin:29px 0;
  62. cursor: pointer;
  63. }
  64. .header .nav{
  65. display: flex;
  66. justify-content: space-between;
  67. }
  68. .header .nav li a{
  69. padding:0 40px;
  70. font-weight: 400;
  71. font-size: 16px;
  72. cursor: pointer;
  73. width:64px;
  74. text-align: center;
  75. }
  76. .header .nav li a:hover{
  77. color: #000000;
  78. }
  79. .active{
  80. color: #000000 !important;
  81. }
  82. .header .nav li a{
  83. color: #8991A7;
  84. }
  85. .foot{
  86. background: #121821;
  87. padding: 40px 0;
  88. font-weight: 400;
  89. font-size: 13px;
  90. color: #999999;
  91. border-bottom: 1px solid #2B374A;
  92. }
  93. .footer{
  94. width:800px;
  95. margin: 0 auto;
  96. }
  97. .footer .link{
  98. display: flex;
  99. justify-content: space-between;
  100. }
  101. .footer .white{
  102. font-weight: 500;
  103. font-size: 16px;
  104. color: #FFFFFF;
  105. margin-bottom: 20px;
  106. }
  107. .footer .link p{
  108. width: 38%;
  109. }
  110. .footer span{
  111. cursor: pointer;
  112. }
  113. .foot .footer .p3{
  114. margin-top:20px;
  115. }
  116. .foot2{
  117. text-align: center;
  118. padding:20px 0 30px;
  119. }
  120. .foot .footer .p3 img{
  121. width: 16px;
  122. margin-right:4px;
  123. display: inline-block;
  124. vertical-align: middle;
  125. }