base.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. *{margin:0;padding:0}
  2. a,a:hover{text-decoration: none;}
  3. li{list-style: none;}
  4. .clear{clear: both;width:100%;height: 2px;}
  5. body{font-family: "微软雅黑";width: 100%;}
  6. header{
  7. width:100%;
  8. height: 99px;
  9. background:#fff;
  10. position: relative;
  11. }
  12. #header_nav{
  13. width: 1200px;
  14. margin: 0 auto;
  15. }
  16. #logo{
  17. width: 95px;
  18. height: 70px;
  19. float: left;
  20. margin-top: 12px;
  21. }
  22. #header_nav_list{
  23. float: right;
  24. }
  25. #header_nav_list li{
  26. float: left;
  27. margin-left: 50px;
  28. height: 99px;
  29. box-sizing: border-box;
  30. padding-top: 32px;
  31. }
  32. #header_nav_list li a{
  33. font-size:16px;
  34. color:#39343c;
  35. }
  36. .head_nav_subscript{
  37. width: 20px;
  38. height: 2px;
  39. background: #c4271f;
  40. margin-top: 12px;
  41. display: none;
  42. }
  43. .head_nav_subscript_active{
  44. display: block;
  45. }
  46. #header_sed_nav ul li{
  47. float: left;
  48. }
  49. /*#header_sed_nav ul{
  50. display: none;
  51. }*/
  52. #header_sed_nav{
  53. height: 35px;
  54. line-height: 35px;
  55. width: 100%;
  56. position: absolute;
  57. top: 99px;
  58. z-index: 9999;
  59. }
  60. #header_sed_nav_con{
  61. position: relative;
  62. width: 1200px;
  63. margin:0 auto;
  64. }
  65. #header_sed_nav_con ul{
  66. display: none;
  67. margin: 0;
  68. width: 100%;
  69. height: 35px;
  70. background: rgba(255,255,255,.5);
  71. padding-left: 400px;
  72. }
  73. #header_sed_nav_con ul li{
  74. float: left;
  75. height: 30px;
  76. line-height: 30px;
  77. padding: 0 10px;
  78. }
  79. #header_sed_nav_con ul li a{
  80. font-size: 14px;
  81. color: #26201e;
  82. }
  83. /*#home_page{
  84. height: 0px !important;
  85. }
  86. #about_us{
  87. padding-left: 450px;
  88. }
  89. #our_research{
  90. padding-left: 500px;
  91. }
  92. #oil_college{
  93. padding-left: 620px;
  94. }
  95. #oil_investment{
  96. padding-left: 650px;
  97. }
  98. #open_account{
  99. padding-left: 850px;
  100. }
  101. #app_download{
  102. padding-left: 1000px;
  103. }*/
  104. footer{
  105. width: 100%;
  106. }
  107. #footer_title{
  108. width: 100%;
  109. background: #26201e;
  110. height: 110px;
  111. padding-top: 50px;
  112. }
  113. #footer_content{
  114. width: 100%;
  115. height: 204px;
  116. background: #2c2624;
  117. box-sizing: border-box;
  118. padding-top: 10px;
  119. }
  120. #footer_title ul,#footer_content div{
  121. width: 1200px;
  122. margin: 0 auto;
  123. }
  124. #footer_title ul li,#footer_content div ul{
  125. float: left;
  126. margin-left: 50px;
  127. width: 150px;
  128. }
  129. #footer_title ul li:nth-child(1),#footer_content div ul:nth-child(1){
  130. margin-left: 0;
  131. }
  132. #footer_title ul li{
  133. height: 60px;
  134. background: url(../img/index/形状8.png)0 35px no-repeat;
  135. font-family: "微软雅黑";
  136. font-size: 16px;
  137. color: #fff;
  138. }
  139. #footer_content div ul li{
  140. line-height: 25px;
  141. height: 25px;
  142. }
  143. #footer_content div ul li a{
  144. font-size: 14px;
  145. color: #fff;
  146. }