index.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
  1. #banner{
  2. width: 100%;
  3. max-width: 1920px;
  4. height: 500px;
  5. background:url(../img/index/banner3.png)50% 50% no-repeat;
  6. }
  7. #advantage{
  8. width: 100%;
  9. height: 530px;
  10. background: #f1f1f1;
  11. box-sizing: border-box;
  12. padding-top: 50px;
  13. }
  14. ._title{
  15. width: 1200px;
  16. height: 90px;
  17. margin: 0 auto;
  18. background: url(../img/index/形状4副本.png)50% 20px no-repeat;
  19. box-sizing: border-box;
  20. padding-top: 6px;
  21. }
  22. .title_name1{
  23. font-size: 22px;
  24. color: #26201e;
  25. margin: 0 auto;
  26. width: 200px;
  27. text-align: center;
  28. }
  29. .title_name2{
  30. font-family: "bookman old style";
  31. font-size: 16px;
  32. color:#acacac;
  33. width: 300px;
  34. margin: 0 auto;
  35. text-align: center;
  36. margin-top: 10px;
  37. }
  38. ._subscript{
  39. width: 40px;
  40. height: 2px;
  41. background: #ddd;
  42. margin: 5px auto;
  43. }
  44. #advantage_model{
  45. position: relative;
  46. width: 1200px;
  47. margin: 0 auto;
  48. }
  49. #advantage_con{
  50. width: 1200px;
  51. margin: 0 auto;
  52. height: 395px;
  53. overflow: hidden;
  54. position: relative;
  55. }
  56. #advantage_con ul{
  57. width: 200%;
  58. position: absolute;
  59. left: 0px;
  60. transition: all 0.5s;
  61. }
  62. #advantage_con ul li{
  63. width: 12.5%;
  64. float: left;
  65. height: 395px;
  66. box-sizing: border-box;
  67. padding-top: 70px;
  68. text-align: center;
  69. }
  70. /*.advantage_list_pic{
  71. width: 100%;
  72. height: 134px;
  73. background: url(../img/index/图层41.png)50% 50% no-repeat;
  74. }*/
  75. #advantage_con_ul li img{
  76. width: 134px;
  77. height: 134px;
  78. }
  79. .advantage_list_name{
  80. width: 100%;
  81. height: 20px;
  82. line-height: 20px;
  83. font-size: 16px;
  84. color: #26201e;
  85. text-align: center;
  86. margin: 30px 0 20px;
  87. }
  88. .advantage_list_instructions{
  89. width: 175px;
  90. margin: 0 auto;
  91. text-align: center;
  92. font-size: 12px;
  93. color: #898989;
  94. line-height: 25px;
  95. }
  96. #go_left{
  97. position: absolute;
  98. top: 123px;
  99. left: -49px;
  100. width: 49px;
  101. height: 70px;
  102. background: url(../img/index/形状5副本.png)0 0 no-repeat;
  103. cursor: pointer;
  104. }
  105. #go_right{
  106. position: absolute;
  107. top: 123px;
  108. right: -49px;
  109. width: 49px;
  110. height: 70px;
  111. background: url(../img/index/20180116221219.jpg)0 0 no-repeat;
  112. cursor: pointer;
  113. }
  114. #go_left:hover,#go_right:hover{
  115. opacity: 0.8;
  116. }
  117. #news_center{
  118. width: 100%;
  119. max-width: 1920px;
  120. margin: 0 auto;
  121. height: 655px;
  122. background: url(../img/index/图层36.png)50% 100% no-repeat;
  123. background-color: #fff;
  124. box-sizing: border-box;
  125. padding-top: 50px;
  126. }
  127. #news_con{
  128. width: 1200px;
  129. margin: 70px auto 0;
  130. box-sizing: border-box;
  131. padding: 0 100px;
  132. }
  133. #news_con ul{
  134. width: 100%;
  135. }
  136. #news_con ul li{
  137. width: 250px;
  138. float: left;
  139. box-sizing: border-box;
  140. }
  141. #news_con ul li:nth-child(2){
  142. margin: 0 125px;
  143. }
  144. .news_lists{
  145. width: 100%;
  146. }
  147. .news_title{
  148. width: 100%;
  149. height: 30px;
  150. line-height: 30px;
  151. background: url(../img/index/形状6副本5.png)0 0 no-repeat;
  152. box-sizing: border-box;
  153. padding-left: 35px;
  154. }
  155. .news_title_ch{
  156. font-size: 16px;
  157. color:#26201e;
  158. }
  159. .news_title_en{
  160. font-family: "Arial Regular";
  161. font-size: 10px;
  162. color:#898989;
  163. }
  164. .news_lists_con{
  165. width: 100%;
  166. padding-top: 30px;
  167. position: relative;
  168. }
  169. .news_time{
  170. width: 40px;
  171. height: 40px;
  172. background: #c4271f;
  173. color: #fff;
  174. text-align: center;
  175. position: absolute;
  176. left: 20px;
  177. }
  178. .news_detail{
  179. margin-top: 30px;
  180. line-height: 25px;
  181. font-size: 12px;
  182. color: #fff;
  183. }
  184. .news_more{
  185. width: 80px;
  186. height: 30px;
  187. line-height: 30px;
  188. text-align: center;
  189. font-size: 12px;
  190. color: #fff;
  191. box-sizing: border-box;
  192. border: 1px solid #fff;
  193. border-radius: 2px;
  194. margin: 55px auto 0;
  195. }
  196. #enterprise_introduction{
  197. width: 100%;
  198. background: #f1f1f1;
  199. height: 280px;
  200. }
  201. #introduction_con{
  202. width: 1000px;
  203. margin: 0 auto;
  204. box-sizing: border-box;
  205. /*padding: 0 100px;*/
  206. position: relative;
  207. background: url(../img/index/图层25.png)100% 100% no-repeat;
  208. height: 200px;
  209. padding-top: 50px;
  210. }
  211. #introduction_title{
  212. width: 96px;
  213. height: 30px;
  214. background: #c4271f;
  215. position: absolute;
  216. left: -20px;
  217. top: 35px;
  218. font-size: 12px;
  219. color: #fff;
  220. text-align: center;
  221. line-height: 30px;
  222. font-family: "Arial Regular";
  223. }
  224. #introduction_name{
  225. width: 125px;
  226. height: 150px;
  227. line-height: 150px;
  228. text-align: center;
  229. font-size: 16px;
  230. color: #26201e;
  231. box-sizing: border-box;
  232. border: 2px solid #ddd;
  233. float: left;
  234. }
  235. #introduction_content{
  236. width: 550px;
  237. height: 150px;
  238. font-size: 14px;
  239. color: #26201e;
  240. float: left;
  241. margin-left: 30px;
  242. line-height: 30px;
  243. font-family: "宋体";
  244. }
  245. #notice_guide{
  246. width: 100%;
  247. height: 615px;
  248. background: #f1f1f1;
  249. }
  250. #notice_guide_con{
  251. width: 1000px;
  252. margin: 0 auto;
  253. margin-top:50px;
  254. }
  255. #notice_guide_con>div>div{
  256. overflow: hidden;
  257. position: relative;
  258. }
  259. .notice_message{
  260. position: absolute;
  261. transition: all 0.5s;
  262. width: 100%;
  263. height: 100px;
  264. bottom: -100px;
  265. background: rgba(0,0,0,.5);
  266. color: #fff;
  267. }
  268. #notice_guide_con>div>div:hover .notice_message{
  269. bottom: 0px;
  270. }
  271. #guide_left,#guide_right{
  272. width: 50%;
  273. float: left;
  274. }
  275. #guide_left>div{
  276. width: 250px;
  277. height: 400px;
  278. float: left;
  279. }
  280. #guide_right>div{
  281. height: 200px;
  282. width: 100%;
  283. }
  284. #exhibit{
  285. background: url(../img/index/图层29.png) 0 0 no-repeat;
  286. }
  287. #characteristics{
  288. background:url(../img/index/组101.png)0 0 no-repeat;
  289. }
  290. #trading_notice{
  291. background: url(../img/index/组11.png)0 0 no-repeat;
  292. }
  293. #risk_control{
  294. background: url(../img/index/组8.png)0 0 no-repeat;
  295. }