facilitator.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. #facili{width:100%;min-height: 300px;background-color: #fcfcfc;overflow: hidden;}
  2. #facili>div{width:1200px;margin: 0px auto;}
  3. .facImg{height:140px;padding:20px 0;display: flex;justify-content: flex-start;}
  4. .facImg>div:nth-child(1){width:100px;height:100px;background-color:#fff;padding:5px;
  5. border-radius: 5px;margin-right:30px;}
  6. .facImg>div>img{width:90px;height:90px;}
  7. .facImg>div>h3{line-height: 100px;letter-spacing: 2px;}
  8. .facTab>span{font-size: 18px;height:26px;line-height: 26px;padding:5px 15px;border:1px solid #2EA1EA;margin-right: 20px;
  9. border-radius: 13px;color:#2EA1EA;cursor: pointer;}
  10. .facTab>span.facActive{background-color: #2EA1EA;color:#fff;}
  11. .facFirst{min-height:500px;padding:30px 0;display: none;}
  12. .jianjie>h4{letter-spacing: 2px;margin-bottom: 20px;}
  13. .jianjie>p{letter-spacing: 1px;margin-bottom: 50px;line-height: 22px;}
  14. .rongyuImg{text-align: center;}
  15. .rongyuCont{padding:30px 8px 30px 22px;background-color: #F4F4F4;display: flex;
  16. justify-content: flex-start;flex-wrap: wrap;margin-bottom: 50px;}
  17. .rongyuCont>div{width:280px;height:200px;background-color: #fff;padding: 10px;margin-bottom:20px;margin-right:12px;}
  18. .rongyuCont>div>img{width:260px;height:145px;}
  19. .rongyuCont>div>p{margin-top:10px;text-align: center;overflow: hidden;
  20. white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
  21. .lianxiCont{display: flex;justify-content: space-between;}
  22. .lianxiCont>div{width:370px;height:135px;}
  23. #facAll{display: block;}
  24. .facAll{width:1200px;min-height: 320px;padding: 20px 0;display: flex;
  25. justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;}
  26. .facAll>div{width:225px;height:270px;background-color: #fff;margin-right: 15px;}
  27. .facAll>div>img{width:225px;height:225px;display: inline-block;}
  28. .facAll>div>p{margin-top:10px;text-align: center;overflow: hidden;
  29. white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
  30. /* 热门推荐 */
  31. .RecommendTitle{
  32. clear: both;
  33. text-align: center;
  34. }
  35. .RecommendTitle h2{
  36. font-size: 26px;
  37. color: #323131;
  38. }
  39. .RecommendTitle span{
  40. display: inline-block;
  41. width: 54px;
  42. height: 4px;
  43. background: #1697e9;
  44. transition: all .2s ease-in;
  45. }
  46. .contantUs{
  47. margin-top: 33px;
  48. height: 130px;
  49. display: flex;
  50. display: -webkit-flex;
  51. justify-content: space-between;
  52. margin-bottom: 100px;
  53. }
  54. .contantUs li{
  55. width: 372px;
  56. background: #f4f4f4;
  57. height: 130px;
  58. display: -webkit-flex;
  59. display: flex;
  60. padding: 36px 0px 0 40px ;
  61. }
  62. .contantUs li .glyphicon{
  63. color: #757474;
  64. font-size: 48px;
  65. display: inline-block;
  66. margin-right: 28px;
  67. font-weight: normal;
  68. margin-top: 4px;
  69. }
  70. .contantUs li p:nth-child(1){
  71. margin-bottom: 14px;
  72. }
  73. .contantUs li p span{
  74. font-size: 14px;
  75. color: #7a7878;
  76. }
  77. .contantUs li p{
  78. font-size: 16px;
  79. color: #1f1f1f;
  80. }
  81. .contantUs li p .pho{
  82. margin-left: 10px;
  83. }
  84. .contantUs li:hover{
  85. background: #1697e9;
  86. }
  87. .contantUs li:hover .glyphicon,.contantUs li:hover p,.contantUs li:hover span{
  88. color: #ffffff;
  89. }
  90. .pagination_box{clear: both;overflow: hidden; width: 1200px;
  91. margin: 0 auto;line-height: 74px;display: none;}
  92. .clearfix{clear: both;}
  93. .pagination_box nav {
  94. float: right;
  95. }
  96. .inp{
  97. float: right; display: none;
  98. }
  99. .pagination_box .inp button{
  100. margin-top:-5px;line-height: 22px;
  101. }
  102. .list_none {
  103. width: 550px;
  104. height: 150px;
  105. background: url("../../../img/all_null.png") no-repeat;
  106. margin: 50px auto;
  107. }
  108. .inp input{
  109. width:40px;
  110. height: 35px;
  111. text-align: center;
  112. border-radius: 5px;
  113. border:1px solid #ccc;
  114. }
  115. .inp button{
  116. margin: 0 10px;
  117. margin-top:-5px;
  118. width: 50px;
  119. }
  120. .pagination_box ul li a {
  121. color: #333
  122. }
  123. .pagination_box .pagination {
  124. float: right;
  125. margin-right: 20px;
  126. }
  127. .pagination_box .totalCount {
  128. float: right;
  129. display: inline-block;
  130. margin-right: 15px;
  131. }
  132. .listJ{
  133. clear: both;
  134. margin-top: 40px;
  135. }
  136. .listJ li{
  137. float: left;
  138. width: 266px;
  139. color: #fff;
  140. margin-left: 44px;
  141. background: #68afeb;
  142. margin-bottom: 42px;
  143. }
  144. .listJ li:nth-child(4n+1){
  145. margin-left: 0;
  146. background: #fdc5a5;
  147. }
  148. .listJ li>div{
  149. overflow: hidden;
  150. padding-left: 32px;
  151. padding-top: 32px;
  152. border-bottom: 2px solid #fff;
  153. padding-bottom: 5px;
  154. }
  155. .listJ li>div p{
  156. height: 58px;
  157. width: 130px;
  158. overflow: hidden;
  159. float: left;
  160. font-size: 40px;
  161. }
  162. .listJ li>div p span{
  163. font-size: 12px;
  164. }
  165. .listJ li>div div{
  166. float: left;
  167. }
  168. .listJ li>P{
  169. clear: both;
  170. }
  171. .listJ li .listTxt{
  172. margin-left: 10px;
  173. }
  174. .listJ li .listTxt span{
  175. font-size: 16px ;
  176. height: 22px;
  177. width: 80px;
  178. display: inline-block;
  179. overflow: hidden;
  180. }
  181. .listJ li .listTxt a{
  182. text-decoration: none;
  183. width: 86px;
  184. height: 34px;
  185. line-height: 34px;
  186. text-align: center;
  187. background: #fff;
  188. color: #1697e9;
  189. display: inline-block;
  190. margin-top: 10px;
  191. }
  192. .listJ li .listTxt a:hover{
  193. background: rgb(21, 231, 115);
  194. color: #fff!important;
  195. }
  196. .listJ li:nth-child(4n+1) .listTxt a {
  197. color: #fdc5a5;
  198. }
  199. .listJ li>p{
  200. line-height: 42px;
  201. height: 42px;
  202. text-align: center;
  203. }
  204. .listJ li .listTxt .get{
  205. font-size: 14px;
  206. color:#fff
  207. }
  208. .listJ .Nodata{
  209. height: 200px;
  210. }
  211. .listJ .ypTxt {
  212. padding:20px 70px;
  213. }
  214. .listJ .ypTxt p{
  215. font-size: 18px;
  216. color: #fff;
  217. margin: 6px 0;
  218. height: 18px;
  219. line-height: 18px;
  220. }