financialIndex.css 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. *{box-sizing: border-box;}
  2. #finance_tab_two{display:none;}
  3. #finance_tab{width:100%;height:230px;box-shadow: 0 0 10px 0 #E5E5E5;}
  4. #finance_tab>div{width:1200px;height:230px;margin:0 auto;position: relative;}
  5. .fund{width:600px;height:230px;position: absolute;left:0;top:0;cursor: pointer;}
  6. .project{width:600px;height:230px;position: absolute;right:0;top:0;cursor: pointer;}
  7. #finance_tab div.active{box-shadow: 0 0 10px 0 #E5E5E5 inset;border-top:5px solid #FF9A25;}
  8. #finance_tab img{position: absolute;top:35px;left:40px;}
  9. .fund_cont{width:400px;height:160px;position: absolute;top:35px;right:0;padding:20px 0 0 15px;}
  10. .project_cont{width:400px;height:160px;position: absolute;top:35px;right:0;padding:20px 0 0 15px;}
  11. #finance_tab h1{color:#15588F;}
  12. #finance_tab p{line-height: 30px;font-size: 16px;margin-top: 10px;}
  13. #fund_begin{width:100%;height:600px;}
  14. #fund_begin>div{width:1200px;margin:0 auto;}
  15. #fund_begin_two{width:100%;height:600px;}
  16. #fund_begin_two>div{width:1200px;margin:0 auto;}
  17. .script{height:130px;text-align: center;padding-top: 80px;color:#15588F;}
  18. .classify{height:330px;padding-top: 15px;}
  19. .classify>div{width:230px;height:300px;background: #F6F6F6;display: inline-block;
  20. padding: 15px 15px;}
  21. .classify>div:hover{background: #fff;box-shadow: 0 0 10px 0 #E5E5E5;}
  22. .begin{height:140px;text-align: center;padding-top: 20px;}
  23. .begin>button{width:220px;height:60px;background: #FF9A25;color: #fff;font-weight: bold;
  24. font-size: 24px;border: none;}
  25. .begin>button:focus{border: none;}
  26. .classify_cont{width:200px;height:270px;padding-top:50px;background: #fff;
  27. border: 1px solid #E9E8E7;text-align: center;}
  28. .classify_img{width:65px;height:65px;margin: 0 auto;}
  29. .classify_cont>h3{color: #F7972F;line-height: 40px;}
  30. .classify_cont>p{padding: 0 10px;color:#B2B1B1;line-height: 20px;
  31. text-align: left;}
  32. #member{width:100%;height:520px;background: #F2F2F2;}
  33. #member_two{width:100%;height:520px;background: #F2F2F2;}
  34. .member{width:1200px;height:520px;margin: 0 auto;position: relative;}
  35. .member a{width:460px;height:150px;position: absolute;}
  36. .member a.member_img_center{width:300px;height:300px;position: absolute;top:100px;left:460px;}
  37. .member_img1{top:80px;left:30px;}
  38. .member_img2{top:80px;right:30px;}
  39. .member_img3{top:280px;left:30px;}
  40. .member_img4{top:280px;right:30px;}
  41. #info{width:100%;height:966px;background: url("../../img/bottom_top_bg.png") center center;
  42. background-size: 100% 100%;}
  43. #bottom{margin-top: -386px;}
  44. .info{width:1200px;height:430px;margin: 0 auto;padding-top: 100px;}
  45. .info>div{width:390px;height:430px;display: inline-block;margin-right: 5px;
  46. text-align: center;background: #fff;}
  47. .info>div>img{width:100%;}
  48. .info h3{color:#15588F;line-height: 40px;margin-top: 20px;}
  49. .info p{line-height: 20px;height:70px;padding: 0 10px;}
  50. .info>div>div{width:100px;height:30px;color:#fff;font-size: 16px;margin-left: 250px;
  51. font-weight: bold;background:#FFB200; line-height: 30px;text-align: center;}
  52. #allproduct{width:100%;height:1586px;background: #F2F2F2;
  53. margin-top: 70px;}
  54. .allproduct{width:1200px;height:1586px;margin: 0 auto;}
  55. .allproduct_top{width:100%;height:120px;text-align: center;padding-top:20px;}
  56. .allproduct_top>h3{color:#15588F;}
  57. .allproduct_top_img{width:700px;height:5px;border-top:1px solid #EDEDED;border-bottom:1px solid #fff; ;
  58. margin: 10px auto;}
  59. form>input{width:440px;height:40px;border-radius: 20px;padding-left: 20px;border: none;}
  60. form{width:440px;height:40px;position: relative;display: block;margin: 0 auto;}
  61. form>img{position: absolute;top:2px;right:10px;}
  62. .allproduct_cont ul{overflow: hidden;}
  63. .allproduct_cont ul li{width: 285px;height:420px;float: left;position: relative;
  64. box-shadow: 0 0 15px #CCCCCC;margin-left: 5px;margin-right: 5px;margin-bottom: 20px;}
  65. .allproduct_cont ul li img{;width: 285px;height:235px;}
  66. .details_fix{position: absolute;top: 165px;background: rgba(131,146,145,0.5);z-index: 12;
  67. width: 285px;height: 70px;text-align: left;color: #FFFFFF;padding-left: 10px;}
  68. .details_fix p{height:35px;width:100%;}
  69. .details_fix p:first-child{margin-top: 0;}
  70. .details_fix p span{color: #333333;margin-left: 5px;}
  71. .details_text{width:260px;padding-top:10px ;position: absolute;left: 0;bottom:0px;}
  72. .details_text p{width: 245px;margin:5px auto;color: #f68705;font-size: 16px;}
  73. .details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
  74. .details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; }
  75. .details_text a{width: 80px;height: 26px;display: inline-block;
  76. background: #ffb200;border-radius: 10px;float: right;
  77. line-height: 26px;text-align: center;color: #ffffff;
  78. margin-right: 30px;margin-bottom: 16px;margin-top:15px;}
  79. .place_city{width: 960px;margin: 0 auto;position: absolute;top:20px;left:180px;}
  80. .place_city ul{float: left;overflow: hidden;}
  81. .place_city ul li{float: left;width: 160px;border: 1px solid #737373;font-size:16px ;height: 50px;line-height: 50px;text-align: center;border-left: none;background: #ffffff;color: #333333;}
  82. .place_city ul li:first-child{border-left: 1px solid #737373;}
  83. .place_city .more_city .inp{color: #f79624;width: 160px;height: 50px;text-align: center;line-height: 50px;float: left;border: 1px solid #737373;border-left: none;}
  84. .policy{clear: both; overflow: hidden;padding-top: 56px;}
  85. .place_city ul li:hover{cursor: pointer;}
  86. .place_city ul li.thon{background: #2f85d0;color: #ffffff;}
  87. .more_city{float:left; position: relative;width: 160px;}
  88. .more_city .list_city{position: absolute;top: 49px;right: 0;text-align: center;font-size:16px ;color: #333333;width:161px;height: 302px;overflow: scroll;overflow-x: hidden;border: 1px solid #333333;padding-bottom: 15px;background: #ffffff;padding-bottom: 20px;}
  89. .list_city p{width:160px;line-height:30px;height: 30px;}
  90. .list_city p:hover{box-shadow: inset 0 0 3px #cccccc;background:#f79624;color: #ffffff;}
  91. .more_city .thon{background: #2f85d0;color: #ffffff!important;}
  92. .more_city:hover .inp{cursor: pointer;}
  93. .allproduct_center{width:1200px;height:100px;margin: 0 auto;
  94. position: relative;}
  95. .allproduct_center>div{display: inline-block;}
  96. .part{width:160px;height:50px;background: #3185D0;color:#fff;font-weight: bold;
  97. font-size: 18px;text-align: center;line-height: 50px;
  98. position: absolute;top:20px;left:20px;}
  99. .pagination_box{width: 100%;height:50px;text-align: right;line-height: 90px;}
  100. .pagination_box>div{float:right;width:272px;height:50px;overflow: hidden;display:inline-block;line-height: 40px;}
  101. .pagination_box>span{width:40px;height:30px;display:inline-block;font-size: 14px;
  102. float: right;line-height: 30px;margin-top: 10px;box-shadow: 0 0 10px 0 #999 inset;text-align: center;
  103. border-radius: 5px;cursor: pointer;font-weight: bold;}
  104. .pagination_box>span.second{border: none;box-shadow: none;line-height: 30px;font-size: 16px;color:#F68705;width:25px;text-align: center;
  105. display: inline-block;cursor: pointer;font-weight: normal;}
  106. .pagination_box>span.first{border: none;box-shadow: none;line-height: 30px;font-size: 16px;color:#F68705;width:25px;text-align: center;
  107. display: inline-block;cursor: pointer;font-weight: normal;}
  108. .pagination_box>span.span_true{color:#f68705;}
  109. .pagination_box>span.all_span{width:40px;height:30px;display:inline-block;font-size: 14px;
  110. float: right;line-height: 30px;margin-top: 10px;font-weight: bold;text-align: center;
  111. border: none;box-shadow: none;}
  112. .pagination_box>span.one_all_span{width:60px;}
  113. .paging_box{overflow: hidden;}
  114. .paging_box>span{line-height: 50px;font-size: 16px;color:#F68705;width:30px;text-align: center;
  115. display: inline-block;cursor: pointer;margin: 0 2px;}
  116. .paging_box>span.action_span{font-weight: bold;}
  117. .action_span{font-weight: bold;}