base.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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. }
  72. #header_sed_nav_con ul li{
  73. float: left;
  74. height: 30px;
  75. line-height: 30px;
  76. padding: 0 10px;
  77. }
  78. #header_sed_nav_con ul li a{
  79. font-size: 14px;
  80. color: #26201e;
  81. }
  82. #home_page{
  83. height: 0px !important;
  84. }
  85. #about_us{
  86. padding-left: 450px;
  87. }
  88. #our_research{
  89. padding-left: 500px;
  90. }
  91. #oil_college{
  92. padding-left: 620px;
  93. }
  94. #oil_investment{
  95. padding-left: 650px;
  96. }
  97. #open_account{
  98. padding-left: 850px;
  99. }
  100. #app_download{
  101. padding-left: 1000px;
  102. }
  103. footer{
  104. width: 100%;
  105. }
  106. #footer_title{
  107. width: 100%;
  108. background: #26201e;
  109. height: 110px;
  110. padding-top: 50px;
  111. }
  112. #footer_content{
  113. width: 100%;
  114. height: 204px;
  115. background: #2c2624;
  116. box-sizing: border-box;
  117. padding-top: 10px;
  118. }
  119. #footer_title ul,#footer_content div{
  120. width: 1200px;
  121. margin: 0 auto;
  122. }
  123. #footer_title ul li,#footer_content div ul{
  124. float: left;
  125. margin-left: 50px;
  126. width: 150px;
  127. }
  128. #footer_title ul li:nth-child(1),#footer_content div ul:nth-child(1){
  129. margin-left: 0;
  130. }
  131. #footer_title ul li{
  132. height: 60px;
  133. background: url(../img/index/形状8.png)0 35px no-repeat;
  134. font-family: "微软雅黑";
  135. font-size: 16px;
  136. color: #fff;
  137. }
  138. #footer_content div ul li{
  139. line-height: 25px;
  140. height: 25px;
  141. }
  142. #footer_content div ul li a{
  143. font-size: 14px;
  144. color: #fff;
  145. }