zhengxifeng
/
tyqngp
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
心理咨询网
10 İşlemeler
3 Dallar
Ağaç: af42463399
tyqngp/skin/css/style.css

style.css 32KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493 
  1. /* BONGPHP */

  2. 

  3. html{ padding:0px;margin:0px;font-family:'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;font-size:14px;}

  4. body{ overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;padding-top:0px;background:#fff;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}

  5. header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;text-align:justify;}

  6. img{ border:0;font-size:0;margin:0;}

  7. a{ background-color:transparent; text-decoration:none; color:#414558;}

  8. a:active,a:hover{ outline:0;}

  9. b,strong{font-weight:bold;}

  10. hr{ height:1px;border:0;border-top:1px solid #dadada;margin:1em 0;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}

  11. body.bg-white{ background:#fff;}

  12. 

  13. /*导航栏*/ 

  14. .header{ background:#fff;overflow:hidden;}

  15. .header-box{ width:1200px;margin:0 auto;height:100px;padding:15px 0;}

  16. .header .logo{ float:left;margin-top:16px;}

  17. .header .logo img{ height:68px;}

  18. 

  19. .top-desc{ margin-top:26px;float:left;margin-left:26px;padding-left:26px;border-left:solid 2px #eee;}

  20. .top-desc p.small{ font-size:14px;color:#666;line-height:20px;letter-spacing:1.85px;}

  21. .top-desc p.big{ font-size:24px;line-height:32px;color:#666;}

  22. 

  23. .header .call{ background:url(../fonts/call-huise.svg) no-repeat left center;padding-left:54px;background-size:44px;float:right;margin-top:23px;}

  24. .header .call p.small{ line-height:24px;color:#333;font-size:16px;}

  25. .header .call p.big{ line-height:34px;color:#f39800;font-size:28px;font-weight:bold;}

  26. 

  27. .nav-bg{ background:#05B381;height:50px;}

  28. .nav{ width:1200px;margin:0 auto;}

  29. .nav:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

  30. .nav ul{ }

  31. .nav ul li{ Position:relative;width:14.285%;text-align:center; z-index:9;font-size:17px;line-height:50px;float:left;}

  32. .nav ul li:after{ content:'';height:20px;width:1px;background:rgba(255,255,255,0.3);Position:absolute;right:0;top:15px;}

  33. .nav ul li:first-child:before{ content:'';height:20px;width:1px;background:rgba(255,255,255,0.3);Position:absolute;left:0;top:15px;}

  34. .nav ul li a{ color:#fff;display:block;Position:relative;}

  35. .nav ul li:hover a:after, .nav ul li.hover a:after{ content:'';Position:absolute;height:2px;width:20px;background:#fff;bottom:5px;left:50%;margin-left:-10px;}

  36. .nav ul li ul{ display:none;Position:absolute;top:50px;left:0;width:100%;background:#4ea37a;padding:10px 0;}

  37. .nav ul li ul li{ width:100%;line-height:40px;padding:0;margin-right:0;float:none;text-align:center;}

  38. .nav ul li ul li a{ padding:0;background:#4ea37a !important;}

  39. .nav ul li ul li:hover a{ background:#4ea37a !important;}

  40. .nav ul li:hover ul{ display:block;}

  41. .fixed-hd{ position:fixed;top:0;width:100%;z-index:99;}

  42. 

  43. /*轮播图*/

  44. .slideBox{ overflow:hidden;position:relative;background:#999; }

  45. .slideBox .hd{ overflow:hidden; position:absolute; width:100%; bottom:20px; z-index:1; }

  46. .slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100%;text-align:center; }

  47. .slideBox .hd ul li{ cursor:pointer;display:inline-block; width:36px; height:2px;background:rgba(0, 0, 0, 0.4);margin:0 6px;}

  48. .slideBox .hd ul li.on{ background:#05B381;}

  49. .slideBox .bd{ position:relative; z-index:0;width:100%;overflow:hidden}

  50. .slideBox .bd li{ overflow:hidden;margin:0;position:relative; vertical-align:top;text-align:center;}

  51. .slideBox .bd li img{ display:block}

  52. .slideBox .bd li .banner-bg{ height:600px;}

  53. .slideBox .prev{ display:inline-block;position:absolute; left:0px; top:50%; margin-top:-30px;  width:30px; height:60px; background:url(../images/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}

  54. .slideBox .next{ display:inline-block;position:absolute; right:0px; top:50%; margin-top:-30px;  width:30px; height:60px; background:url(../images/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }

  55. .slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }

  56. .slideBox .prevStop{ display:none; }

  57. .slideBox .nextStop{ display:none; }

  58. 

  59. /*通用样式*/

  60. .page-bg{ background:#fff;padding:80px 0;position:relative;z-index:2;}

  61. .page-box{ width:1200px;margin:0 auto;}

  62. .page-box:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

  63. .page-bg2{ background:#fff;padding:80px 0;position:relative;z-index:2;}

  64. .border-top{ border-top:solid 1px #ddd;}

  65. 

  66. .page-title{ text-align:center;margin-bottom:50px;}

  67. .page-title h2{ text-align:center;width:720px;margin:0 auto;position:relative;z-index:2;font-weight:500;font-size:36px;color:#222;line-height:52px;display:inline-block;}

  68. .page-title h2 span{ color:#05B381;}

  69. .page-title h2:before{ content:'';position:absolute;left:0;top:50%;width:40px;height:1px;background:#555;}

  70. .page-title h2:after{ content:'';position:absolute;right:0;top:50%;width:40px;height:1px;background:#555;}

  71. .page-title p{ text-align:center;margin-top:5px;line-height:26px;font-size:16px;color:rgba(0, 0, 0, 0.4);}

  72. 

  73. .more-btn{ margin-top:50px;text-align:center;}

  74. .more-btn a{ position:relative;padding-right:16px;font-size:16px;display:block;margin:0 auto;width:146px;height:38px;line-height:38px;border-radius:100px;border:solid 2px #05B381;color:#05B381;}

  75. .more-btn i{ background:#05B381;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;border-radius:100%;position:absolute;right:2px;top:2px;display:inline-block;}

  76. .more-btn .iconfont{ font-size:18px;}

  77. .more-btn a:hover{ background:#05B381;color:#fff;}

  78. .more-btn a:hover i{ background:#fff;color:#05B381;}

  79. 

  80. /*服务范围*/

  81. .fw-fanwei{ }

  82. .fw-fanwei:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

  83. .fw-fanwei ul{ margin-left:-40px;margin-top:-40px;}

  84. .fw-fanwei ul li{ width:25%;float:left;margin-top:40px;}

  85. .fw-fanwei ul li .box{ cursor:pointer;margin-left:40px;text-align:center;}

  86. .fw-fanwei ul li .img{ text-align:center;position:relative;overflow:hidden;width:120px;height:120px;border:solid 2px #05B381;background:#fff;border-radius:24px;margin:0 auto;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  87. .fw-fanwei ul li .img:before{ content:'';position:absolute;top:0;left:-120px;background:rgba(112, 186, 150, 0.07);width:120px;height:120px;border-radius:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  88. .fw-fanwei ul li .img img{ position:relative;z-index:3;margin-top:31px;width:58px;height:58px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  89. .fw-fanwei ul li h3{ text-align:center;color:#555;line-height:30px;font-size:20px;margin-bottom:10px;}

  90. .fw-fanwei ul li p{ text-align:center;line-height:24px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

  91. .fw-fanwei ul li:hover .img img{ Opacity:1;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}

  92. .fw-fanwei ul li:hover .img:before{ left:0;}

  93. 

  94. /*咨询效果*/

  95. .xiaoguo-bg{ background:#dcede7 url(../images/xiaoguo-bg.jpg) no-repeat center center;}

  96. 

  97. .list-xiaoguo{ position:relative;}

  98. .list-xiaoguo:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

  99. 

  100. .list-xiaoguo .hd{ text-align:center;margin-top:50px;}

  101. .list-xiaoguo .hd ul{ text-align:center;}

  102. .list-xiaoguo .hd .prev, .list-xiaoguo .hd .next{ cursor:pointer;border-radius:100%;border:solid 2px #05B381;display:inline-block;height:36px;line-height:36px;width:36px;text-align:center;color:#05B381;}

  103. .list-xiaoguo .hd .iconfont{ font-size:20px;font-weight:bold;}

  104. .list-xiaoguo .hd .prev:hover, .list-xiaoguo .hd .next:hover{ background:#05B381;color:#fff;}

  105. .list-xiaoguo .hd .pageState{ color:#555;height:40px;line-height:40px;font-size:20px;padding:0 20px;display:inline-block;}

  106. .list-xiaoguo .hd .pageState span{ color:#05B381;}

  107. 

  108. .list-xiaoguo .bd ul{}

  109. .list-xiaoguo .bd ul li{ margin-bottom:10px;}

  110. .list-xiaoguo .bd ul li .box{ font-size:20px;overflow:hidden;position:relative;height:60px;line-height:60px;background:#fff;border-radius:60px;}

  111. .list-xiaoguo .bd ul li strong{ font-weight:500;color:#fff;border-radius:0 50px 0 0;display:block;text-align:center;width:180px;Position:absolute;left:0;top:0;height:60px;background:#05B381;}

  112. .list-xiaoguo .bd ul li p{ height:60px;line-height:60px;padding-left:200px;padding-right:20px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  113. .list-xiaoguo .bd ul li:nth-child(2n) strong{ background:#ffa309;}

  114. 

  115. /*专家团队*/

  116. .index-shizi-com{ margin-bottom:60px;}

  117. .picScroll-zhuanjia{ overflow:hidden;Position:relative;}

  118. .picScroll-zhuanjia .bd{ overflow:hidden;}

  119. .picScroll-zhuanjia .bd ul li{ border-radius:24px;overflow:hidden;width:370px;height:430px;border:solid 10px rgba(112, 186, 150, 0.1);float:left;margin-right:15px;Position:relative;}

  120. .picScroll-zhuanjia .bd .img{ Position:relative;}

  121. .picScroll-zhuanjia .bd .img img{ width:100%;height:370px;}

  122. .picScroll-zhuanjia .bd .img:after{ content:'';Position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  123. .picScroll-zhuanjia .bd .desc{ Position:absolute;left:0;right:0;top:370px;padding:15px 20px;background:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  124. .picScroll-zhuanjia .bd .desc h2{ margin-bottom:20px;font-weight:500;font-size:20px;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  125. .picScroll-zhuanjia .bd .desc h2 i{ display:inline-block;font-style:normal;color:#ccc;padding:0 5px;}

  126. .picScroll-zhuanjia .bd .desc h2 span{ font-size:14px;color:#999;}

  127. .picScroll-zhuanjia .bd .desc p.jianjie{ text-align:justify;font-size:13px;line-height:22px;height:130px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

  128. .picScroll-zhuanjia .bd .desc p.jianjie b{ display:block;color:#f39800;margin-bottom:5px;}

  129. .picScroll-zhuanjia .bd ul li:hover .desc{ top:228px;}

  130. .picScroll-zhuanjia .bd ul li:hover .img:after{ background:rgba(0, 0, 0, 0.2);}

  131. 

  132. .picScroll-zhuanjia .hd{ text-align:center;margin-top:50px;}

  133. .picScroll-zhuanjia .hd ul{ text-align:center;}

  134. .picScroll-zhuanjia .hd .prev, .picScroll-zhuanjia .hd .next{ cursor:pointer;border-radius:100%;border:solid 2px #05B381;display:inline-block;height:36px;line-height:36px;width:36px;text-align:center;color:#05B381;}

  135. .picScroll-zhuanjia .hd .iconfont{ font-size:22px;}

  136. .picScroll-zhuanjia .hd .prev:hover, .picScroll-zhuanjia .hd .next:hover{ background:#05B381;color:#fff;}

  137. .picScroll-zhuanjia .hd .pageState{ color:#555;height:40px;line-height:40px;font-size:20px;padding:0 20px;display:inline-block;}

  138. .picScroll-zhuanjia .hd .pageState span{ color:#05B381;}

  139. 

  140. /*首页案例*/

  141. .anli-bg{ background:#dcede7 url(../images/anli-bg.jpg) no-repeat center center;}

  142. .tab-anli{ Position:relative;}

  143. .tab-anli .hd{ width:285px;Position:absolute;left:0;}

  144. .tab-anli .hd ul{}

  145. .tab-anli .hd ul li{ color:#555;cursor:pointer;text-align:center;height:55px;line-height:55px;border-radius:55px;font-size:18px;text-align:center;background:#fff;margin-bottom:10px;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  146. .tab-anli .hd ul li.on{ background:#ffa309;color:#fff;}

  147. .tab-anli .hd ul li:last-child{ margin-bottom:0;}

  148. 

  149. .tab-anli .bd{ margin-left:325px;overflow:hidden;}

  150. .tab-anli .anli-content{ padding:40px;background:#fff;border-radius:24px;overflow:hidden;}

  151. .tab-anli .anli-content .img{ width:450px;float:left;}

  152. .tab-anli .anli-content .img img{ width:100%;height:300px;}

  153. .tab-anli .anli-content .desc{ width:305px;float:right;}

  154. .tab-anli .anli-content .desc h2{ margin-bottom:3px;font-size:28px;line-height:38px;font-weight:800;}

  155. .tab-anli .anli-content .desc h4{ margin-bottom:15px;font-size:14px;line-height:24px;font-weight:500;color:#05B381;}

  156. .tab-anli .anli-content .desc p{ line-height:24px;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;}

  157. 

  158. /*咨询流程*/

  159. .liucheng{ overflow:hidden;margin-bottom:50px;}

  160. .liucheng ul{ margin-left:-10px;}

  161. .liucheng ul li{ width:20%;float:left;}

  162. .liucheng ul li .box{ margin-left:10px;}

  163. .liucheng ul li .liucheng-head{ border-radius:24px 24px 0 0;background:#05B381;color:#fff;padding:15px 20px;text-align:center;}

  164. .liucheng ul li:first-child .liucheng-head{ background:#ffa309;}

  165. .liucheng ul li .liucheng-head h2{ font-size:24px;line-height:34px;text-align:center;font-weight:500;}

  166. .liucheng ul li .liucheng-head p{ font-size:16px;line-height:26px;text-align:center;}

  167. .liucheng ul li .desc{ border-radius:0 0 24px 24px;width:192px;height:88px;padding:30px 20px;border:solid 2px #eee;border-top:0;display:table-cell; vertical-align:middle;}

  168. .liucheng ul li .desc p{ color:#555;text-align:center;line-height:24px;}

  169. .liucheng ul li .yuyue-btn{ width:120px;margin:0 auto;border-radius:30px;margin-top:10px;height:30px;line-height:30px;background:#ffa309;color:#fff;text-align:center;display:block;}

  170. 

  171. /*公司简介*/

  172. .home-about{ overflow:hidden;}

  173. .home-about .img{ width:570px;float:left;}

  174. .home-about .img img{ width:100%;height:380px;border-radius:24px;}

  175. .home-about .desc{ width:570px;height:380px;float:right;Position:relative;}

  176. .home-about .desc h2{ position:relative;z-index:2;font-weight:500;font-size:32px;color:#222;line-height:42px;}

  177. .home-about .desc h4{ margin-bottom:30px;font-weight:500;margin-top:5px;line-height:26px;font-size:16px;color:#666;}

  178. .home-about .desc p{ line-height:25px;font-size:15px;color:#555;}

  179. 

  180. .small-more-btn{ Position:absolute;bottom:0;left:0;}

  181. .small-more-btn a{ text-align:center;position:relative;padding-right:16px;font-size:16px;display:block;width:146px;height:38px;line-height:38px;border-radius:100px;border:solid 2px #05B381;color:#05B381;}

  182. .small-more-btn i{ background:#05B381;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;border-radius:100%;position:absolute;right:2px;top:2px;display:inline-block;}

  183. .small-more-btn .iconfont{ font-size:18px;}

  184. .small-more-btn a:hover{ background:#05B381;color:#fff;}

  185. .small-more-btn a:hover i{ background:#fff;color:#05B381;}

  186. 

  187. /*首页新闻*/

  188. .index-news{ overflow:hidden;}

  189. .huodong-news{ position:relative;width:580px;padding:0px;float:left;}

  190. .huodong-news .hd{ overflow:hidden; position:absolute; bottom:24px;right:20px; z-index:1; }

  191. .huodong-news .hd ul{ overflow:hidden;font-size:0;text-align:center; }

  192. .huodong-news .hd ul li{ border-radius: 100%;display:inline-block; width:6px;height:6px; background:#fff;margin-left:8px;text-indent:-9999px;}

  193. .huodong-news .hd ul li.on{ background:#05B381;}

  194. .huodong-news .bd{ position:relative;overflow:hidden;border-radius:24px;}

  195. .huodong-news .bd li{ margin:0;position:relative; vertical-align:top;}

  196. .huodong-news .bd img{ width:100%;height:387px;display:block;vertical-align:bottom;}

  197. .huodong-news .bd li .desc{ position:absolute;left:0;right:0;bottom:0;padding:40px 100px 20px 20px;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));}

  198. .huodong-news .bd li h2{ font-weight:500;margin-bottom:6px;font-size:18px;color:#fff;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  199. .huodong-news .bd li p{ line-height:20px;height:20px;font-size:12px;color:rgba(255,255,255,0.8);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

  200. .huodong-news .prev{ display:inline-block;position:absolute; left:0px; top:50%;margin-top:-30px;  width:35px; height:65px; background:url(../images/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}

  201. .huodong-news .next{ display:inline-block;position:absolute; right:-5px; top:50%; margin-top:-30px; width:35px; height:65px; background:url(../images/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }

  202. .huodong-news:hover .prev,.huodong-news:hover .next{ filter:alpha(opacity=100);opacity:1;  }

  203. .huodong-news .prevStop{ display:none; }

  204. .huodong-news .nextStop{ display:none; }

  205. 

  206. .data-news{ width:580px;float:right;overflow:hidden;}

  207. .data-news ul{ }

  208. .data-news ul li{ height:80px;position:relative;margin-bottom:22.3px;}

  209. .data-news ul li:last-child{ margin:0;}

  210. .data-news .data{ height:80px;width:80px;overflow:hidden;border-radius:16px;position:absolute;left:0;right:0;z-index:2;background:#f5f5f5;text-align:center;}

  211. .data-news .data span{ text-align:center;display:block;}

  212. .data-news .data span.d{ font-size:32px;background:#05B381;color:#fff;height:46px;line-height:46px;}

  213. .data-news .data span.m{ font-size:14px;color:#999;height:34px;line-height:34px;}

  214. .data-news .desc{ margin-left:100px;height:80px;}

  215. .data-news .desc h2{ padding:2px 0;height:28px;line-height:28px;font-size:18px;font-weight:500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

  216. .data-news .desc p{ line-height:22px;height:44px;color:#999;font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

  217. .data-news .desc h2 a:hover{ color:#05B381;}

  218. 

  219. /*列表页*/

  220. .content{ width:1200px;margin:30px auto;}

  221. .content:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

  222. .main{ width:850px;float:left;background:#fff;}

  223. .side{ width:310px;float:right;}

  224. .danye-con{ overflow:hidden;background:#fff;border:solid 1px #ddd;}

  225. 

  226. .neiye-banner{ height:320px;}

  227. .now{ height:50px;line-height:50px;font-size:13px;color:#999;/* border-bottom:1px solid #ddd; */overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  228. .now span{ color:#05B381;}

  229. .now a:hover{ color:#05B381;}

  230. 

  231. /*单页*/

  232. .danye-content{ padding:30px 0;overflow:hidden;}

  233. .danye-side{ width:260px;float:left;overflow:hidden;}

  234. 

  235. .son-nav{ margin-bottom:20px;}

  236. .son-nav h4{ border-radius:24px 24px 0 0;background:#05B381;color:#fff;font-size:18px;font-weight:800;height:70px;line-height:70px;text-align:center;}

  237. .son-nav ul{ border-radius:0 0 24px 24px;padding:20px;border:solid 2px #eee;border-top:0;}

  238. .son-nav ul li{ border-bottom:solid 1px #eee;}

  239. .son-nav ul li .box{ }

  240. .son-nav ul li a{ font-size:15px;display:block;height:50px;line-height:50px;text-align:center;}

  241. .son-nav ul li.hover a, .son-nav ul li:hover a{ color:#05B381;}

  242. .son-nav ul li:last-child{ border-bottom:0;}

  243. 

  244. .danye-message{ overflow:hidden;}

  245. .danye-message h4{ border-radius:24px 24px 0 0;background:#05B381;color:#fff;font-size:18px;font-weight:800;height:70px;line-height:70px;text-align:center;}

  246. .danye-message-list{ border-radius:0 0 24px 24px;padding:30px 20px;overflow:hidden;border:solid 2px #eee;border-top:0;}

  247. .danye-message-list ul{}

  248. .danye-message-list ul li{ position:relative;border-bottom:solid 1px #eee;}

  249. .danye-message-list ul li:last-child{ border-bottom:0;}

  250. .danye-message-list ul li span{ Position:absolute;left:0;top:0;padding:15px 0;line-height:22px;color:#555;}

  251. .danye-message-list ul li p.text{ padding:15px 0;line-height:22px;font-size:14px;padding-left:70px;color:#555;}

  252. .danye-message-list ul li h2{ text-align:center;font-size:18px;padding-bottom:20px;font-weight:500;}

  253. .danye-message-list ul li.center{ text-align:center;padding-top:15px;}

  254. .danye-message-list ul li.center img{ width:160px;}

  255. .danye-message-list ul li.center p{ text-align:center;color:#f39800;}

  256. 

  257. .danye-body{ width:890px;float:right;overflow:hidden;background:#fff;line-height:28px;font-size:15px;color:#555;text-align:justify;}

  258. .danye-body h1{ border-bottom:solid 2px #eee;padding-bottom:40px;font-size:32px;font-weight:500;text-align:center;color:#000;margin-bottom:40px;}

  259. .danye-body p{ margin-bottom:20px;}

  260. .danye-body img{ max-width:100% !important;height:auto !important;}

  261. .danye-body blockquote{ border-left:solid 3px rgba(112, 186, 150, 0.2);margin:0;margin-bottom:24px;padding:26px 30px;background:rgba(112, 186, 150, 0.07);}

  262. .danye-body blockquote p{ margin-bottom:0;}

  263. 

  264. /*团队列表*/

  265. .list-tuandui{ overflow:hidden;padding:30px 0;}

  266. .list-tuandui ul{ margin-top:-15px;margin-left:-15px;}

  267. .list-tuandui ul li{ float:left;width:33.33%;margin-top:15px;}

  268. .list-tuandui ul li .box{ border-radius:24px;overflow:hidden;height:430px;border:solid 10px rgba(112, 186, 150, 0.1);margin-left:15px;Position:relative;}

  269. .list-tuandui ul li .img{ Position:relative;}

  270. .list-tuandui ul li .img img{ width:100%;height:370px;}

  271. .list-tuandui ul li .img:after{ content:'';Position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  272. .list-tuandui ul li .desc{ Position:absolute;left:0;right:0;top:370px;padding:15px 20px;background:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  273. .list-tuandui ul li .desc h2{ margin-bottom:20px;font-weight:500;font-size:20px;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  274. .list-tuandui ul li .desc h2 i{ display:inline-block;font-style:normal;color:#ccc;padding:0 5px;}

  275. .list-tuandui ul li .desc h2 span{ font-size:14px;color:#999;}

  276. .list-tuandui ul li .desc p.jianjie{ text-align:justify;font-size:13px;line-height:22px;height:130px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

  277. .list-tuandui ul li .desc p.jianjie b{ display:block;color:#f39800;margin-bottom:5px;}

  278. .list-tuandui ul li:hover .desc{ top:228px;}

  279. .list-tuandui ul li:hover .img:after{ background:rgba(0, 0, 0, 0.2);}

  280. 

  281. /*团队详情*/

  282. .tuandui-content{ width:890px;float:right;overflow:hidden;}

  283. .tuandui-content .tuandui-head{ overflow:hidden;margin-bottom:50px;}

  284. .tuandui-content .tuandui-head .tuandui-img{ float:left;width:360px;overflow:hidden;}

  285. .tuandui-content .tuandui-head .tuandui-img img{ width:100%;border-radius:24px;}

  286. .tuandui-content .tuandui-head .tuandui-desc{ padding:15px 0;width:480px;float:right;overflow:hidden;}

  287. .tuandui-content .tuandui-head .tuandui-desc h1{ font-size:32px;line-height:1.3;font-weight:500;margin-bottom:20px;}

  288. .tuandui-content .tuandui-head .tuandui-desc h1 i{ font-size:16px;color:#ccc;padding:0 6px 0 5px;}

  289. .tuandui-content .tuandui-head .tuandui-desc h1 span{ font-size:16px;color:#05B381;}

  290. .tuandui-content .tuandui-head .tuandui-desc p{ line-height:2;}

  291. .tuandui-content .tuandui-lingyu{ border-top:solid 2px #eee;padding-top:42px;}

  292. .tuandui-content .tuandui-lingyu ul{}

  293. .tuandui-content .tuandui-lingyu ul li{ margin-bottom:26px;Position:relative;line-height:26px;font-size:15px;}

  294. .tuandui-content .tuandui-lingyu ul li span.cs{ color:#05B381;Position:absolute;top:0;left:0;}

  295. .tuandui-content .tuandui-lingyu ul li p.csz{ padding-left:100px;}

  296. .tuandui-content .tuandui-lingyu ul li .tuandui-body{ line-height:26px;font-size:15px;padding-left:100px;}

  297. .tuandui-content .tuandui-lingyu ul li .tuandui-body img{ max-width:100% !important;height:auto !important;}

  298. .tuandui-content .tuandui-lingyu ul li .tuandui-body p{ margin-bottom:15px;}

  299. .tuandui-zixun{ text-align:center;margin-top:50px;}

  300. .tuandui-zixun a{ background:#f39800;color:#fff;border-radius:24px;line-height:46px;font-size:16px;width:200px;display:block;margin:0 auto;}

  301. 

  302. .sxp{ margin-top:50px;padding-top:50px;border-top:dashed 2px #eee;}

  303. .sxp p{ line-height:26px;font-size:16px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  304. .sxp p.prev{ margin-bottom:10px;}

  305. .sxp p a:hover{ color:#05B381;}

  306. 

  307. /*分页样式*/

  308. .pages{ overflow:hidden;padding:20px 0;}

  309. .pages ul{ display: inline-table;text-align:center;width:100%;}

  310. .pages ul li{ font-size:14px;background:#f5f5f5;border-radius:50px;height:42px;line-height:42px;display:inline-block;margin:0 5px;}

  311. .pages ul a{ display:inline-block;padding:0 17px;color:#333;}

  312. .pages ul li:hover{ background:#05B381;color:#fff;}

  313. .pages ul li:hover a{ color:#fff;}

  314. .pages ul li.active{ background:#05B381;padding:0 0px;border-radius:50px;color:#fff;}

  315. .pages ul li.active a{ color:#fff;}

  316. .pages ul li span.pageinfo{ color:#999;}

  317. .pages span input{ height:24px;line-height:24px;border:1px solid #ccc; width:30px; margin:0 2px 0 2px; text-align:center; padding-top:-1px ;font-size:14px;}

  318. 

  319. /*个案分享*/

  320. .list-anli{ background:#fff;padding:30px 0;}

  321. .list-anli ul{}

  322. .list-anli ul li{ height:400px;overflow:hidden;margin-bottom:30px;}

  323. .list-anli ul li .img{ width:600px;height:400px;float:left;}

  324. .list-anli ul li .img img{ width:600px;height:400px;border-radius:24px;}

  325. .list-anli ul li .desc{ width:600px;float:left;}

  326. .list-anli ul li .desc-box{ padding:60px;height:290px;display:table-cell;vertical-align:middle;}

  327. .list-anli ul li .desc h2{ height:34px;line-height:34px;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  328. .list-anli ul li .desc i{ display:block;width:2em;height:2px;background:#eee;margin:20px 0;}

  329. .list-anli ul li .desc p.leixing{ line-height:22px;margin-bottom:15px;color:#05B381;}

  330. .list-anli ul li .desc p.miaoshu{ line-height:22px;margin-bottom:5px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

  331. .list-anli ul li .list-anli-link{ margin-top:20px;}

  332. .list-anli ul li .list-anli-link a{ border-radius:50px;display:inline-block;height:34px;line-height:34px;width:120px;text-align:center;}

  333. .list-anli ul li .list-anli-link a.jxz{ background:#05B381;color:#fff;}

  334. .list-anli ul li:nth-child(2n) .img{ float:right;}

  335. .list-anli ul li:hover .desc h2{ color:#05B381;}

  336. .list-anli ul li:last-child{ margin-bottom:0;}

  337. 

  338. /*新闻列表*/

  339. .list-article{ margin:30px 0;}

  340. .list-article:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

  341. .list-article ul{ margin-top:-30px;margin-left:-30px;}

  342. .list-article ul li{ width:50%;float:left;margin-top:30px;}

  343. .list-article ul li .box{ border:solid 2px #eee;margin-left:30px;background:#fff;padding:30px;border-radius:24px;overflow:hidden;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  344. .list-article ul li .box h2{ -webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;font-size:20px;line-height:30px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px;}

  345. .article-desc{ overflow:hidden;Position:relative;height:120px;}

  346. .article-desc img{ width:180px;height:120px;Position:absolute;top:0;left:0;}

  347. .article-desc .desc{ padding-left:200px;}

  348. .article-desc .desc p.miaoshu{ color:#666;line-height:24px;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

  349. .article-desc .desc p.data{ color:#999;line-height:24px;margin-top:20px;}

  350. .list-article ul li .box:hover{ border:solid 2px rgba(112, 186, 150, 0.15);}

  351. .list-article ul li .box:hover h2{ color:#05B381;}

  352. 

  353. /*新闻详情页*/

  354. .article-head{ margin-bottom:40px;}

  355. .article-head h1{ font-size:32px;line-height:1.3;font-weight:500;margin-bottom:15px;}

  356. .article-head .article-info{ line-height:22px;font-size:14px;color:#999;overflow:hidden;}

  357. .article-head .article-info span{ float:left;margin-right:20px;}

  358. .article-body{ line-height:26px;font-size:15px;}

  359. .article-body img{ max-width:100% !important;height:auto !important;}

  360. .article-body p{ margin-bottom:15px;}

  361. 

  362. /*预约咨询*/

  363. .list-form{ margin:50px 0;margin-bottom:80px;background:#fff;padding:60px;border-radius:24px;box-shadow:0 0 30px rgba(0, 0, 0, 0.07);}

  364. .list-form ul{ }

  365. .list-form ul li{ Position:relative;overflow:hidden;margin-bottom:20px;min-height:46px;}

  366. .list-form ul li:last-child{ margin-bottom:0;}

  367. 

  368. .list-form ul li .tip-text{ font-size:16px;height:46px;line-height:46px;Position:absolute;top:0;left:0;}

  369. .list-form ul li .xuanze{ padding-left:100px;overflow:hidden;}

  370. .list-form ul li .xuanze input{display:none}

  371. .list-form ul li .xuanze label{ cursor:pointer;background:rgba(112, 186, 150, 0.1);color:#333;font-size:16px;padding:0 30px;line-height:46px;min-width:70px;text-align:center;float:left;margin-right:5px;border-radius:46px}

  372. .list-form ul li .xuanze input:checked + label{ background:#05B381;color:#fff;}

  373. .list-form ul li .xuanze input:disabled + label{opacity:0.7;}

  374. 

  375. .list-form ul li .input{ padding-left:100px;overflow:hidden;}

  376. .list-form ul li .input input{ float:left;margin-right:5px;background:rgba(112, 186, 150, 0.1);font:16px "Microsoft YaHei";line-height:46px;width:200px;border-radius:46px;border:0;outline:none;padding:0 20px;}

  377. 

  378. .list-form ul li .textarea{ padding-left:100px;overflow:hidden;}

  379. .list-form ul li .textarea textarea{ height:104px;resize:none;width:100%;line-height:26px;font:16px "Microsoft YaHei";outline:none;padding:13px 20px;border-radius:24px;background:rgba(112, 186, 150, 0.1);border:0;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

  380. 

  381. .list-form ul li.center{ text-align:center;margin-top:40px;}

  382. .list-form ul li button{ background:#05B381;color:#fff;outline:none;cursor:pointer;width:300px;border:0;border-radius:46px;height:46px;line-height:46px;font:16px "Microsoft YaHei";}

  383. 

  384. /*页脚*/

  385. .footer-bg{ background:#f5f5f5;padding:60px 0;border-bottom:#eee 1px solid;}

  386. .footer{ width:1200px;margin:0 auto;overflow:hidden;}

  387. .footer .left{ float:left;}

  388. .footer-dh{ overflow:hidden;line-height:36px;margin-bottom:20px;}

  389. .footer-dh ul{}

  390. .footer-dh ul li{ float:left;font-size:16px;margin-right:25px;}

  391. .footer-dh ul li a{ color:#555;}

  392. .footer-message{ line-height:34px;font-size:14px;color:#555;}

  393. .footer .right{ float:right;}

  394. .footer .right .ewm{ float:left;margin-left:20px;text-align:center;}

  395. .footer .right .ewm img{ margin-bottom:10px;width:122px;}

  396. .footer .right .ewm p{ text-align:center;line-height:15px;font-size:13px;color:#999;}

  397. 

  398. .footer-copy{ font-size:14px;background:#f5f5f5;padding:30px 0;color:#999;}

  399. .footer-copy p{ text-align:center;}

  400. .footer-copy a{ color:#999;}

  401. 

  402. /*客服*/

  403. .kefu{ position:fixed;z-index:98;right:0;top:520px;width:60px;background:#05B381;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}

  404. .kefu ul{}

  405. .kefu ul li{ cursor:pointer;Position:relative;border-bottom:solid 1px rgba(255,255,255,0.1);padding:10px 0;}

  406. .kefu ul li i{ display:block;height:28px;width:28px;margin:0 auto;margin-bottom:5px;}

  407. .kefu ul li i.icon-kefu-1{ background:url(../images/kefu-1.svg) no-repeat center center;background-size:100%;}

  408. .kefu ul li i.icon-kefu-2{ background:url(../images/kefu-2.svg) no-repeat center center;background-size:100%;}

  409. .kefu ul li i.icon-kefu-3{ background:url(../images/kefu-3.svg) no-repeat center center;background-size:100%;}

  410. .kefu ul li i.icon-kefu-4{ background:url(../images/kefu-4.svg) no-repeat center center;background-size:90%;}

  411. .kefu ul li p{ color:rgba(255,255,255,0.8);font-size:12px;line-height:20px;text-align:center;}

  412. .kefu ul li a{ display:block;}

  413. .kefu ul li .kefu-call{ display:none;Position:absolute;right:60px;top:0;background:#fff;height:52px;padding:10px 20px;border:solid 1px #eee;}

  414. .kefu ul li .kefu-call p{ color:#333 !important;font-size:14px;line-height:20px;text-align:left;}

  415. .kefu ul li .kefu-call strong{ display:block;font-size:24px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ffa309;}

  416. .kefu ul li:hover .kefu-call{ display:block;}

  417. .kefu ul li .kefu-img{ display:none;Position:absolute;left:-162px;top:0;width:140px;background:#fff;padding:10px;border:solid 1px #eee;}

  418. .kefu ul li .kefu-img img{ width:100%;}

  419. .kefu ul li .kefu-img p{ line-height:20px;font-size:12px;text-align:center;color:#666 !important;}

  420. .kefu ul li .kefu-img p.red{ color:#ffa309 !important;}

  421. .kefu ul li:hover{ background:#ffa309;}

  422. .kefu ul li:hover p{ color:#fff;}

  423. .kefu ul li:hover i{ Opacity:1;}

  424. .kefu ul li:last-child{ border-bottom:0;}

  425. .kefu ul li:hover .kefu-img{ display:block;}

  426. .fixed-center{ top:50%;transform:translateY(-50%);}

  427. 

  428. 

  429. #ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}

  430. #ab_img p span{text-wrap: inherit !important;}

  431. 

  432. /* AB模板网新增分页样式 www.admibnuy.cn */

  433. .pagebar { padding:20px; overflow:hidden; clear:both}

  434. .pagebar .pagination {

  435.   display: flex;

  436.   justify-content: center;

  437.   margin-top: 10px;

  438. }

  439. .pagination a {

  440.   background: #fff;

  441.   border: 1px solid #ccc;

  442.   color: #333;

  443.   font-size: 12px;

  444.   padding: 8px 10px;

  445.   margin: 0 2px;

  446.   border-radius: 3px; line-height:100%

  447. }

  448. .pagination span {

  449.     color: #333;

  450.     font-size: 12px;

  451.     padding: 7px 2px;

  452.     margin: 0 2px;

  453.     border-radius: 3px;

  454. }

  455. .pagination a:hover {

  456.   color: #333;

  457.   border: 1px solid #333;

  458. }

  459. .pagination a.page-num-current {

  460.   color: #fff;

  461.   background: #333;

  462.   border: 1px solid #333;

  463. }

  464. .pagination .st{ font-family:宋体}

  465. .text-secondary{ text-align:center; padding:20px 0}

  466. 

  467. 

  468. .head-1 .top {

  469.     height: 34px;

  470.     line-height: 34px;

  471.     background-color: #f1f1f1;

  472.     font-size: 12px;

  473.     color: #777;

  474. }

  475. .head-1 .w1200 {

  476.     width: 1202px;

  477.     margin: 0 auto;

  478.     position: relative;

  479. }

  480. .head-1 .top .welcome {

  481.     float: left;

  482.     text-align: left;

  483. }

  484. .head-1 .top .info {

  485.     position: absolute;

  486.     right: 0;

  487. }

  488. .head-1 .welcome a{

  489.     /*color: red;*/

  490. }

  491. .head-1 .info a{

  492.    /* color: red;*/

  493. }