jucai.css 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474
  1. *{ margin:0; padding:0;}
  2. html{overflow-y:scroll;}
  3. body{ margin-bottom:0;}
  4. ul,li{ list-style:none;}
  5. a{ text-decoration:none; color:#666;}
  6. img{border: 0; border-style: none;}
  7. .title-icon{ border: none;vertical-align: middle;height: 21px;width: 4px;}
  8. .wide{ width:1200px; margin:0 auto;}
  9. .jc_lf{ float:left;}
  10. .jc_rt{ float:right;}
  11. ::-moz-placeholder{ color:#d5d5d5;}
  12. ::-webkit-input-placeholder{ color:#d5d5d5;}
  13. :-ms-input-placeholder{ color:#d5d5d5;}
  14. .link_yellow a{ color:#dd4250;}
  15. .link_yellow a:hover{ color:#dd4250;}
  16. /*header*/
  17. .header_min{ border-bottom:2px solid #efefef; background-color:#fff;}
  18. .header_min .header_min_top{ height:40px; line-height:40px;}
  19. .header_min .header_min_top .itopl,.header_min .header_min_top .itopr{ height:35px; color:#333; font-size:14px;}
  20. .header_min .header_min_top .itopr a{ background-image:none; padding-left:0; padding-right:0; color:#666;}
  21. .header_code{ margin-left:10px;}
  22. .header_min .header_min_top .itopr .jc_login a:hover,.header_min .header_min_top .itopr .has_login a.quit{ color:#dd4250;}
  23. .header_min .header_min_top .itopr .has_login a.welcome{ color:#15a1de}
  24. .header_min .header_min_top .itopr .header_imgM,.header_min .header_min_top .itopr .header_imgWX{ display:inline-block; width:30px; height:30px; position:relative; top:3px;}
  25. .header_min .header_min_top .itopr .header_imgM{ background:url('../images/jc/header_imgM.png') no-repeat top center;}
  26. .header_min .header_min_top .itopr .header_imgWX{ background:url('../images/jc/header_imgWX.png') no-repeat top center;}
  27. .header_imgM img,.header_imgWX img{ position:absolute; width:100px; height:0px; top:35px; left:-30px; z-index:500;}
  28. /*footer*/
  29. .index_footer{ width:100%; background-color:#353535; padding-top:30px; padding-bottom:20px;}
  30. .index_footer_links{ height:15px; line-height:15px; font-size:14px;}
  31. .index_footer_links a{ color:#adadad;}
  32. .index_footer_links a:hover{ color:#fff;}
  33. .index_footer_links b{ margin:0px 15px;}
  34. .index_footertxt{ width:1200px; padding-top:15px; border-top:2px solid #2e2e2e; color:#adadad; font-size:13px; /*overflow:hidden;*/ margin-top:25px;}
  35. .index_footertxt p{ line-height:25px;}
  36. .index_footertxt a{ color:#adadad; margin-left:5px;}
  37. .index_footertxt a:hover{ text-decoration:underline;}
  38. /*浮动栏*/
  39. .floatmenu{ background-color:#fff; border-radius:6px;}
  40. .float_qq{ display:block; width:70px; height:70px; border-radius:6px 6px 0px 0px; position:relative; text-align:center; border:1px solid #ddd; border-bottom:none;}
  41. .qq_container{ width:68px; height:69px; position:absolute; top:-3px; left:0px; border-top-left-radius:10px; border-top-right-radius:10px; background:url('../images/jc/qq-icon-bg.png') no-repeat -5px -20px; z-index:100;}
  42. .qq_img{ width:68px; height:52px; border-radius:35px; position:absolute; left:0px; top:0px; overflow:hidden; z-index:10;}
  43. .qq_img img{ max-width:45px; display:block; border-radius:35px; position:absolute; left:12px; top:4px; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
  44. .float_qq:hover img{ max-width:50px; position:absolute; left:8px; top:8px;}
  45. .float_qq p{ color:#333; white-space:nowrap; font-size:12px; transform:scale(0.85); -webkit-transform:scale(0.85); position:absolute; bottom:1px; left:0px; z-index:200;}
  46. .float_wx{ width:70px; height:80px; border:1px solid #ddd; text-align:center; padding-top:3px;}
  47. .float_wx p{ white-space:nowrap; color:#333; position:relative; bottom:3px; font-size:12px; transform:scale(0.85); -webkit-transform:scale(0.85);}
  48. .float_backtop{ display:none; width:70px; height:40px; cursor:pointer; border:1px solid #ddd; border-top:none; border-radius:0px 0px 6px 6px; background:url('../images/jc/footer_backtop.png') no-repeat 20px -2px; background-size:40%; text-align:center;}
  49. .float_backtop span{ display:inline-block; position:relative; top:24px; color:#333; white-space:nowrap; font-size:12px; transform:scale(0.85); -webkit-transform:scale(0.85);}
  50. /*首页logo*/
  51. .index_head_bg{ width:100%; height:108px; background:url('../images/jc/index_head_bgnew.png') no-repeat top center;}
  52. .index_head{ height:95px;}
  53. .index_head .logobox{ padding-top:8px; height:95px;}
  54. .index_head .logobox,.index_head .logobox a{ width:265px;}
  55. .index_head .logobox a{ display:block; height:80px; /*background:url('../images/jc/index_logo_r.png') no-repeat top right;*/}
  56. .index_head .logobox img{ width:208px; height:75px; margin-top:8px;}
  57. .logo_txt {width: 460px;height: 80px;float: left;margin: 15px 0px 0px 20px;}
  58. /* 搜索*/
  59. .index_head .sobox{ float:right; width:360px; padding-top:5px;}
  60. .index_head .sobox .inputbg{ width:360px; height:30px;margin-bottom: 5px;}
  61. .index_head .sobox .inputbg .selecttype,.index_head .sobox .inputbg .selecttype_down .down_list{ width:75px; height:31px; line-height:31px; padding-left:10px; padding-right:8px; font-size:13px;}
  62. .index_head .sobox .inputbg .selecttype_down .down_list{ width:74px;}
  63. .index_head .sobox .inputbg .selecttype_down{ border-color:#dd4250; top:30px;}
  64. .index_head .sobox .inputbg .inoputbox{ left:0px; width:290px; height:30px;}
  65. .index_head .sobox .inputbg .inoputbox input{ border-radius: 5px 0px 0px 5px;width:290px; height:30px; padding-top:0; padding-left:10px; font-size:13px;}
  66. .index_head .sobox .inputbg .sobut{ width:70px; height:30px; line-height:30px; font-size:14px; padding-left:30px; letter-spacing:3px; background:#b61826 url('../images/jc/index_sobox_bg.png') no-repeat 8px 7px;border-radius: 0 5px 5px 0;}
  67. .index_head .sobox .inputbg .sobut.hover{ background-color:#490905;}
  68. .index_head .sobox .righttxt a{color: #fff;}
  69. .autocomplete{ border-color:#dd4250;}
  70. .autocomplete strong{ color:#dd4250;}
  71. .autocomplete-w1{ left:0; top:1px;}
  72. /*首页导航*/
  73. /*.index_navlist{ width:100%; height:40px; overflow:hidden; background-color:#90141f;}*/
  74. /*.index_navlist{ width:100%; height:40px; overflow:hidden; background-color:#f0f0f0;}*/
  75. .sNav{height:40px;}
  76. .sNav a{ font-size:18px; float:left; position:relative; overflow:hidden;}
  77. .sNav a li{ /*background-color:#dd4250; padding:0px 30px; */text-align:center; color:#333333; height:40px; line-height:40px;}
  78. .sNav a span{ background-color:#dd4250; text-align:center; color:#fff;}
  79. .sNav a.select li{ color: #dd4250;border-bottom: 5px solid #dd4250;}
  80. .sNav a.select span{ background-color:#f95f6d;}
  81. .index_body_bg{ width:100%; height:auto; background:#f9f9f9 url('../images/jc/jc_indexbg.jpg') no-repeat bottom center; background-size:cover; background-attachment:fixed; padding-top:15px; padding-bottom:35px;}
  82. /*快速链接*/
  83. .index_quicklinks{ width:250px; margin-right:10px;}
  84. .index_quicklinks a{ display:block; width:250px; height:60px; line-height:60px; padding:5px 20px; margin-bottom:5px;font-size:16px; background-repeat:no-repeat; background-position:top center; box-shadow:1px 2px 3px -1px #999;background-image:url('../images/jc/index_quicklinks_bg.png');}
  85. .index_quicklinks a:nth-last-child(2){padding-left: 24px;}
  86. .index_quicklinks a span{position: absolute;top: 2px;left: 85px;}
  87. .index_quicklinks a.index_quicklinks_perapply{ color:#0bc090; /*background-image:url('../images/jc/index_quicklinks_perapply.png');*/}
  88. .index_quicklinks a.index_quicklinks_policy{ color:#f3aa2a; /*background-image:url('../images/jc/index_quicklinks_policy.png')*/;}
  89. .index_quicklinks a.index_quicklinks_applysystem{ color:#15a1de; /*background-image:url('../images/jc/index_quicklinks_applysystem.png')*/;}
  90. .index_quicklinks a.index_quicklinks_groupapply{ color:#e5477a; /*background-image:url('../images/jc/index_quicklinks_groupapply.png')*/;}
  91. .index_quicklinks a.index_quicklinks_business{color: #3ec8d8;}
  92. /*banner*/
  93. .index_banner_login{ width:940px; height:322px; position:relative;}
  94. .index_banner{ width:940px; height:322px;}
  95. .index_banner .slides li,.index_banner li img{ height:320px;}
  96. .index_banner .flex-control-nav{ z-index:500; left:50%; margin-top:-20px;}
  97. .flex-control-nav li{ margin:0px 6px!important;}
  98. .flex-control-paging li a{ width:28px; height:7px; border-radius:6px; border:1px solid #dd4250; background-color:#dd4250;}
  99. .flex-control-paging li a.flex-active,.flex-control-paging li a:hover{ height:7px; background-color:#fff;}
  100. /*登录*/
  101. .index_login{ width:265px; height:276px; padding:35px 10px 0px 13px; position:absolute; top:22px; right:22px; background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
  102. .index_login_welcom{ width:100%; height:81px; overflow:hidden;}
  103. .index_login_welcom_img{ float:left; width:77px; height:77px; background:url('../images/jc/index_login_welcom_img.png') no-repeat top center;}
  104. .index_login_welcom_info{ float:left; width:163px; white-space:nowrap; color:#efefef; font-size:14px; line-height:25px; padding-left:10px; padding-top:10px;}
  105. .index_login_links{ width:100%; height:41px; overflow:hidden; margin-top:15px;}
  106. .index_login_links a{ float:left; display:block; width:110px; height:35px; line-height:35px; margin:0px 5px; border-radius:6px; text-align:center; color:#fff; font-size:15px;}
  107. .index_login_links a.login{ background-color:#f57b76;}
  108. .index_login_links a.login:hover{ background-color:#dc9491;}
  109. .index_login_links a.register{ background-color:#dd4250;}
  110. .index_login_links a.register:hover{ background-color:#dd4250;}
  111. .index_login_other{ width:100%; height:41px; line-height:35px; padding:0px 10px; font-size:12px; color:#efefef;}
  112. .index_login_other a.mobile_login{ float:right; color:#ffb1b8;}
  113. .index_login_oauthlist{ display:inline-block; *display:inline; *zoom:1; margin-left:10px;}
  114. .index_login_oauthlist .ali{ width:35px; height:35px; float:left; background-image:url(../images/jc/119_index.png); background-repeat:no-repeat; display:block;}
  115. .index_login_oauthlist .ali.qq{ background-position:-46px 0px;}
  116. .index_login_oauthlist .ali.qq:hover{ background-position:-46px -40px;}
  117. .index_login_oauthlist .ali.weixin{ background-position:-92px 0px;}
  118. .index_login_oauthlist .ali.weixin:hover{ background-position:-92px -41px;}
  119. .index_login_oauthlist .ali.sina{ background-position:0px 0px;}
  120. .index_login_oauthlist .ali.sina:hover{ background-position:0px -40px;}
  121. .index_login_oauthlist .ali.taobao{ background-position:-137px 0px;}
  122. .index_login_oauthlist .ali.taobao:hover{ background-position:-137px -40px;}
  123. /*服务广场*/
  124. .index_service_policy{width: 100%;margin:20px 0;}
  125. .index_service_policy .index_service{ width:884px; height:240px; border:1px solid #efefef; background-color:#fff;}
  126. .index_title{ margin-bottom:5px; width:100%; height:43px; line-height:43px; font-size:16px; color:#333333; padding-left:50px; background:url('../images/jc/title_icon_new.png') no-repeat 15px 10px;}
  127. .index_service_policy .index_servicelist{ width:884px; height:140px; margin:0 auto; position:relative;}
  128. .index_service_policy .index_servicelist ul li{width: 147px;height: 95px;border-right: 1px solid #efefef;border-top: 1px solid #efefef;float: left;}
  129. .index_service_policy .no_rt_border{border-right: none !important;}
  130. .index_service_policy .index_service_links{display: inline-block;width: 67px;height: 86px;padding-top: 64px;font-size: 15px;color: #333333;margin: 5px 40px;text-align: center;}
  131. .index_service_policy .index_servicelist .index_service_icon1{background: url('../images/jc/index_service_icon1.png')no-repeat;}
  132. .index_service_policy .index_servicelist .index_service_icon2{background: url('../images/jc/index_service_icon2.png')no-repeat;}
  133. .index_service_policy .index_servicelist .index_service_icon3{background: url('../images/jc/index_service_icon3.png')no-repeat;}
  134. .index_service_policy .index_servicelist .index_service_icon4{background: url('../images/jc/index_service_icon4.png')no-repeat;}
  135. .index_service_policy .index_servicelist .index_service_icon5{background: url('../images/jc/index_service_icon5.png')no-repeat;}
  136. .index_service_policy .index_servicelist .index_service_icon6{background: url('../images/jc/index_service_icon6.png')no-repeat;}
  137. .index_service_policy .index_servicelist .index_service_icon7{background: url('../images/jc/index_service_icon7.png')no-repeat;}
  138. .index_service_policy .index_servicelist .index_service_icon8{background: url('../images/jc/index_service_icon8.png')no-repeat;}
  139. .index_service_policy .index_servicelist .index_service_icon9{background: url('../images/jc/index_service_icon9.png')no-repeat;}
  140. .index_service_policy .index_servicelist .index_service_icon10{background: url('../images/jc/index_service_icon10.png')no-repeat;}
  141. .index_service_policy .index_servicelist .index_service_icon11{background: url('../images/jc/index_service_icon11.png')no-repeat;}
  142. .index_service_policy .index_servicelist .index_service_icon12{background: url('../images/jc/index_service_icon12.png')no-repeat;}
  143. .index_policy_match{width: 294px;height: 240px;background: url('../images//jc/index_match_bg.png')no-repeat;position: relative;}
  144. .index_policy_match .predict_btn{position:absolute;width: 170px;height: 35px;left: 62px;bottom: 16px;border-radius: 15px;}
  145. /*上方横幅广告*/
  146. .index_top_ads{margin-bottom: 20px;}
  147. .index_top_ads .flex-control-nav{right: 15px;bottom: 10px;}
  148. .index_top_ads .flex-control-paging li a{width: 10px;height: 10px;}
  149. /*服务公告*/
  150. .index_news{ width:100%; height:256px; border:1px solid #efefef; background-color:#fff;}
  151. .index_title_news{ width:100%; height:45px; font-size:18px; color:#e2445a; border-bottom:1px solid #dd4250;}
  152. .index_title_news p{ width:160px; line-height:43px; position:relative; top:1px; padding-left:50px; border-bottom:1px solid #ffde00; background:url('../images/jc/index_title_news.png') no-repeat 15px 7px;}
  153. .index_newslist{ width:1185px; height:255px; margin:0 auto;}
  154. .index_newslist_title{ padding-left:5px; height:25px; line-height:25px; margin:10px auto; font-size:16px; color:#333333;background: url(../images/jc/title_icon_new.png) no-repeat 15px 10px;}
  155. .index_news_more{ float:right; display:inline-block; width:25px; height:25px; background:url('../images/jc/index_news_more.png') no-repeat 0px 18px;}
  156. .index_news_more:hover{ background-image:url('../images/jc/index_news_more_a.png');}
  157. .index_newslist_notice,.index_newslist_career{ height:255px; padding:0px 15px;}
  158. .index_newslist_notice{ width:735px; overflow:hidden;}
  159. .index_newslist_notice_imglist{ width:300px; height:180px; margin-top:7px;}
  160. .index_newslist_notice_imglist .slides li,.index_newslist_notice_imglist li img{ height:180px;}
  161. .index_newslist_notice_imglist .flex-control-nav{ z-index:500; right:5%; margin-top:-20px;}
  162. .flex-control-nav li{ margin:0px 4px!important;}
  163. .index_newslist_notice_imglist .flex-control-paging li a{ width:10px; height:10px; border-radius:6px; border:1px solid #dd4250; background-color:#dd4250;}
  164. .index_newslist_notice_imglist .flex-control-paging li a.flex-active,.index_newslist_notice_imglist .flex-control-paging li a:hover{ height:10px; background-color:#fff;}
  165. .index_newslist_notice_infolist{ width:390px; margin-left:15px;}
  166. .index_newslist_career{ width:460px; /*border-left:1px solid #efefef;*/}
  167. .index_newslist_notice li,.index_newslist_career li{ font-size:14px; height:25px; line-height:25px; overflow:hidden;}
  168. .index_newslist_notice li a,.index_newslist_career li a{ color:#333;}
  169. .index_newslist_notice li b,.index_newslist_career li b{ display:inline-block; margin-right:3px; position:relative; bottom:2px;}
  170. .index_newslist_notice li b{ color:#ff6565; font-size:14px;}
  171. .index_newslist_career li b{ border:1px solid #1fbec4; width:6px; height:6px; border-radius:50%;}
  172. .index_newslist_notice li:hover a,.index_newslist_notice li:hover b,.index_newslist_career li:hover a{ color:#dd4250;}
  173. .index_newslist_career li:hover b{ border-color:#dd4250;}
  174. /*行业选择*/
  175. .index_industry{ width:100%; height:549px; border:1px solid #efefef; background-color:#fff;margin: 20px 0;}
  176. .index_title_industry{ float:left; height:45px; font-size:18px; color:#e2445a;}
  177. .index_title_industry p{ width:160px; line-height:43px; position:relative; top:1px; padding-left:50px; background:url('../images/jc/title_icon_new.png') no-repeat 15px 10px;color: #333333;}
  178. .index_industry .tabmenu{float:right;}
  179. .index_industry table{width:100%;height:500px;text-align:center;background:white;border-right:0px solid #efefef;border-bottom:0px solid #efefef}
  180. .index_industry table td{border-left:1px solid #efefef;border-top:1px solid #efefef;width: 198px;height: 166px;cursor:pointer;}
  181. .index_industry table tr td:first-child{border-left:0px solid #efefef !important;}
  182. .industry_choose{ display: table;width: auto;margin-left: auto;margin-right: auto;width:100%; height:500px;margin-bottom: 50px;border-radius: 8px;font-family:'微软雅黑';}
  183. .industry_choose .tab{ overflow:hidden;}
  184. .industry_choose .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333;}
  185. .industry_choose .tab a:hover{ background:#2796DE; color:#fff; text-decoration:none;}
  186. .industry_choose .tab a.on{ background:#2796DE; color:#fff; text-decoration:none;}
  187. .industry_choose .content{ overflow:hidden;}
  188. .hyxx-body{height:166px; width:198px; background:white; position:relative;}
  189. .hyxx-animate{height:166px; width:402px; background:black;opacity: 0.8; position:absolute; top:0px;z-index: 150;display:none;overflow:hidden;}
  190. .hyxx-show{height:166px; width:198px; position:absolute; top:0px; left: 0px;}
  191. .fzfz{background-image:url(../images/fzfz.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  192. .fzfz-hover{background-image:url(../images/fzfz-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  193. .zx{background-image:url(../images/zx.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  194. .zx-hover{background-image:url(../images/zx-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  195. .tcjc{background-image:url(../images/tcjc.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  196. .tcjc-hover{background-image:url(../images/tcjc-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  197. .spyl{background-image:url(../images/spyl.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  198. .spyl-hover{background-image:url(../images/spyl-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  199. .zzpjbzys{background-image:url(../images/zzpjbzys.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  200. .zzpjbzys-hover{background-image:url(../images/zzpjbzys-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  201. .gdzbjx{background-image:url(../images/gdzbjx.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  202. .gdzbjx-hover{background-image:url(../images/gdzbjx-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  203. .xcl{background-image:url(../images/xcl.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  204. .xcl-hover{background-image:url(../images/xcl-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  205. .gdxx{background-image:url(../images/gdxx.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  206. .gdxx-hover{background-image:url(../images/gdxx-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  207. .hysw{background-image:url(../images/hysw.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  208. .hysw-hover{background-image:url(../images/hysw-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  209. .gdbzys{background-image:url(../images/gdbzys.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  210. .gdbzys-hover{background-image:url(../images/gdbzys-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  211. .kcsj{background-image:url(../images/kcsj.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  212. .kcsj-hover{background-image:url(../images/kcsj-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  213. .smwl{background-image:url(../images/smwl.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  214. .smwl-hover{background-image:url(../images/smwl-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  215. .hlwjxx{background-image:url(../images/hlwjxx.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  216. .hlwjxx-hover{background-image:url(../images/hlwjxx-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  217. .whly{background-image:url(../images/whly.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  218. .whly-hover{background-image:url(../images/whly-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  219. .jr{background-image:url(../images/jr.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  220. .jr-hover{background-image:url(../images/jr-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  221. .tyjk{background-image:url(../images/tyjk.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  222. .tyjk-hover{background-image:url(../images/tyjk-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  223. .wlhy{background-image:url(../images/wlhy.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  224. .wlhy-hover{background-image:url(../images/wlhy-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  225. .qthy{background-image:url(../images/qthy.png);background-repeat: no-repeat;background-position: 50% 40%;z-index: 0;}
  226. .qthy-hover{background-image:url(../images/qthy-hover.png) !important;background-repeat: no-repeat !important;background-position: 50% 40% !important;background: #dd4250;z-index:300;}
  227. .hyxx-right{right:-1px;}
  228. .hyxx-left{left:0px;}
  229. .hyxx-show :hover{cursor: pointer}
  230. .hyxx-show p{margin-top: 117px;font-size: 16px;font-family: "Microsoft Yahei"}
  231. .index_industry table td:hover{color:white}
  232. .hyxx-animate ul{padding:10px 50px}
  233. .hyxx-animate ul a{color:#fff;}
  234. .hyxx-animate ul a:hover{text-decoration: underline;}
  235. .hyxx-animate p{font-size: 10px;font-family: "Microsoft Yahei"}
  236. .hyxx-animate li{float:left;padding:0px 5px;}
  237. /*名企招聘*/
  238. .slideTxtBox{ width:1200px; margin: 0 auto;min-height:332px; margin-bottom: 20px; background-color: #fff; border: 1px #efefef solid; overflow: hidden;}
  239. /*行业*/
  240. .slideTxtBox .hd{position:relative; height:30px; width: 1200px; line-height:30px; padding-left: 15px; padding-top: 10px;}
  241. .slideTxtBox .hd .hdTitle{position: relative; float: left; font-size: 18px; color: #333333; padding-left: 40px; margin-right: 20px;}
  242. .slideTxtBox .hd .hdTitle img{position: absolute; top: 0px; left: 0px; width: 22px; height: 22px;}
  243. .slideTxtBox .hd > .all{float: left; font-size: 16px; color: #808080; margin:0 10px; line-height: 30px; cursor:pointer;}
  244. .slideTxtBox .hd .classTitleDiv{float: right; width: 805px; height: 32px; overflow: hidden;}
  245. .slideTxtBox .hd ul{float: left; width: 1610px; height: 32px;}
  246. .slideTxtBox .hd li{float: left; font-size: 16px; color: #808080; margin:0 10px; cursor:pointer;}
  247. .slideTxtBox .hd .classTitle.on{ color: #db4752; border-bottom:2px solid #db4752; }
  248. /*按钮*/
  249. .slideTxtBox .arrow{position:absolute; right:0px; top:15px; }
  250. .slideTxtBox .arrow a{ display:block; width:11px; height:20px; float:left; margin-right:20px; cursor:pointer;}
  251. .slideTxtBox .arrow .prev{background: url(../images/companyPrev.png) no-repeat;}
  252. .slideTxtBox .arrow .next{background: url(../images/companyNextR.png) no-repeat;}
  253. /*.slideTxtBox .arrow .prevStop{background: url(images/companyPrev.png) no-repeat;}
  254. .slideTxtBox .arrow .nextStop{background: url(images/companyNext.png) no-repeat;}*/
  255. /*内容*/
  256. .slideTxtBox .bd{width: 1200px; overflow: hidden; padding-left: 10px;}
  257. /*.slideTxtBox .bd ul{width: 1200px; margin-top: 10px; }*/
  258. /*.slideTxtBox .bd li{width: 228px; height: auto; float: left; margin-bottom: 20px; margin-right: 10px;}*/
  259. /*.slideTxtBox .bd li .job_img{display: block; width: 228px; height: 150px;}*/
  260. /*.slideTxtBox .bd li .job_img img{display: block; width: 228px; height: 150px;}*/
  261. /*.slideTxtBox .bd li .job_pos{width: 228px; padding-left: 5px; margin-top: 10px;}*/
  262. /*.slideTxtBox .bd li .job_pos .job_name{position: relative; display: block; width: 170px; font-size: 16px; color: #4c4c4c; padding-left: 15px; line-height: 25px;}*/
  263. /*.slideTxtBox .bd li .job_pos .job_name i{position: absolute; top: 50%; left: 0px; margin-top: -4px; width: 8px; height: 8px; background: url(../images/companyDot.png) no-repeat;}*/
  264. /*.slideTxtBox .bd li .job_pos .job_name span{display: block; width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
  265. /*.slideTxtBox .bd li .job_pos{width:100%; padding-left: 5px; margin-top: 10px;}*/
  266. /*.slideTxtBox .bd li .job_pos .com_name{position: relative; display: block; width: 100%; font-size: 16px; color: #4c4c4c; padding-left: 15px; line-height: 25px;}*/
  267. /*.slideTxtBox .bd li .job_pos .com_name i{position: absolute; top: 50%; left: 0px; margin-top: -4px; width: 8px; height: 8px; background: url(../images/companyDot.png) no-repeat;}*/
  268. /*.slideTxtBox .bd li .job_pos .com_name span{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
  269. /*.slideTxtBox .bd li .job_pos .com_name:hover span{color: #dd4250;}*/
  270. /*.slideTxtBox .bd li .job_pos .jobs_list{width:100%;height:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
  271. /*.slideTxtBox .bd li .job_pos .job_name{position: relative; display: inline; font-size: 13px; color: #4c4c4c; margin-right: 10px; line-height: 25px;}*/
  272. /*.slideTxtBox .bd li .job_pos .job_name:hover span{color: #dd4250;}*/
  273. .slideTxtBox .bd li > p{font-size: 14px; color: #808080; line-height: 25px; margin-left: 5px;}
  274. .slideTxtBox .bd li > p a{color: #dd4250;}
  275. /*名企招聘结束*/
  276. /*友情链接*/
  277. .clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
  278. .clearfix{zoom:1;}
  279. .footer_friendly_links{width: 100%;min-height: 80px;margin: 0 auto;background-color: #fff;border: 1px #efefef solid;overflow: hidden;padding: 10px;}
  280. .friendly_links_title{font-size: 16px;color: #333333;padding-left: 15px;border-left: 4px solid #dd4250; margin-bottom: 10px}
  281. /*.footer_friendly_links .friendly_linkslist{padding: 10px;}*/
  282. .footer_friendly_links .friendly_links_img a{display: inline-block;margin-right: 26px;margin-bottom: 10px;}
  283. .footer_friendly_links .friendly_links_img a:nth-child(5n+0){margin-right: 0px}
  284. .footer_friendly_links .friendly_links_list ul li{float: left;width: 210px;height: 24px;margin-right: 30px;overflow: hidden;}
  285. .footer_friendly_links .friendly_links_list ul li:nth-child(5n+0){margin-right: 0px}
  286. /*内页头部*/
  287. .alltop_nav{ background-color:#dd4250;}
  288. .alltop_nav .tnav .tl .nli.select,.alltop_nav .tnav .tl .nli.hover{ background-color:#f95f6d;}
  289. /*列表页面*/
  290. .all_body .suggest_main .suggest_list_group .suggest_list_cell .suggest_type_cell .suggest_type.selected,.page_so .sobox .inputbg,.so_condition_show .showbtn:hover{
  291. border-color:#dd4250;
  292. }
  293. .reg_com .rl .tips_td,.explain .el .enav .eli:hover a,.explain .el .enav .eli.select,.explain .el .enav .eli.select a,.all_body .suggest_main .suggest_list_group .suggest_list_cell .suggest_type_cell .suggest_type.selected,.plist .pr .lisbox .yl .txts .t1 a:hover,.so_condition .rs a:hover,.dropdow_inner1 .nav_box li a.select, .dropdow_inner1 .nav_box li a:hover,.dropdow_inner3 .nav_box li a.select, .dropdow_inner2 .nav_box li a:hover,.so_condition_show .showbtn:hover,.list_empty_group .list_empty .list_empty_right .sorry_box{
  294. color:#dd4250;
  295. }
  296. .main-sip .ip-btn input,.ban_box .maind .login .mob .inputbox .btn_login.code,.reg_per .rl .codebtn .btn_yellow,.all_body .suggest_main .suggest_list_group .suggest_list_cell .suggest_btn,.page_so .sobox .selecttype .sli.select,.page_so .sobox .inputbg .sobut{
  297. background-color:#dd4250;
  298. }
  299. .so_condition .rs .li.select,.so_condition .rs .li.select a,.so_condition .rs .li:hover,.dropdow_inner_searchtrade .nav_box li.select, .dropdow_inner_searchtrade .nav_box li:hover,.dropdow_inner_noa .nav_box li.select, .dropdow_inner_noa .nav_box li:hover,.so_condition .selected .sc .slist,.dropdow_inner_searchmajor .nav_box li.select, .dropdow_inner_searchmajor .nav_box li:hover,.dropdow_inner_searchwage .nav_box li.select, .dropdow_inner_searchwage .nav_box li:hover,.plist .pl .toptitle .ts .l5 .next:hover{
  300. color:#dd4250;
  301. }
  302. .plist .pl .listbtn .td2 .lbts:hover,.so_condition .rs .li.select,.so_condition .selected .sc .slist{
  303. border-color:#dd4250;
  304. }
  305. .plist .pl .toptitle .ltype .typeli:hover{
  306. border-top-color:#dd4250;
  307. }
  308. .plist .pl .toptitle .ltype .typeli.select,.plist .pl .toptitle .ltype .typeli:hover,.plist .pl .toptitle .ts .l2 .radio_group:hover .radiotxt,.plist .pl .toptitle .ts .l5 span,.plist .pl .toptitle .sort .sl2.select,.plist .pl .toptitle .sort .sl2:hover,.plist .pl .listb .yli .td2 .td-j-name a,.plist .pl .listb .yli .td4,.plist .pl .listb .yli .detail .rbtn .deliver,.plist .pl .listb .yli .detail .rbtn .favorites:hover,.plist .pl .listb .yli .detail .rbtn .map-area,.plist .pl .listbtn .td2 .lbts:hover,.plist .pl .toptitle .ts .l2:hover .radiotxt,.plist .pl .listb .yli .td2 a{
  309. color:#dd4250;
  310. }
  311. .plist .pl .listb .yli .td4{
  312. color:#666666;
  313. }
  314. .plist .pl .toptitle .ltype .typeli.select,.plist .pl .toptitle .ltype .typeli:hover{ border-bottom-color:#dd4250;}
  315. .plist .pl .listb .yli .detail .rbtn .deliver,.so_condition .rs .li:hover,.plist .pl .listb .yli .detail .rbtn .deliver:hover{ border-color:#dd4250;}
  316. .plist .pl .toptitle .ltype .typeli.select{border-top-color:#dd4250;}
  317. .plist .pl .listb .yli .detail .rbtn .favorites.has-favor{color:#dd4250;}
  318. .plist .pr .lisbox .t:before{background-color:#dd4250;}
  319. .plist .pl .listb .yli .detail .rbtn .deliver:hover{ background-color:#dd4250; color:#fff;}
  320. .qspage .current{ background-color:#dd4250; border-color:#dd4250;}
  321. .qspage a{border-color:#dd4250;color:#dd4250;}
  322. .qspage a:hover{color:#dd4250;background-color: #fcf1f2;}
  323. .dropdow_inner7 .nav_box li a.select, .dropdow_inner7 .nav_box li a:hover,.dropdow_inner5 .nav_box li a.select, .dropdow_inner5 .nav_box li a:hover,.modal_login_group .modal_login_right .tit .switch_login_type .login_type.select{ color:#dd4250;}
  324. .modal_login_group .modal_login_right .tit .switch_login_type .login_type .bottom_line,.modal_login_group .modal_login_right .btn_login,.modal_login_group .modal_login_right .btn_login.get_code{ background-color:#dd4250;}
  325. .jobsshow .l .main .item .btns .app:hover,.comshow .cominfo .attention .abtn:hover,.rshow .l .main .contact .downbtn:hover,.rshow .r .main .downbtn:hover{background-color:#f95f6d;}
  326. /*新闻*/
  327. .news .l .newsnav a:hover,.newslip .r .cat li.select a,.newsshow .r .cat li.select a,.newslip .l .newslist .tit strong,.newslip .l .newsnav a:hover{ color:#dd4250;}
  328. .news .r .newsso,.newslip .r .newsso,.newsshow .r .newsso{ border-color:#dd4250;}
  329. .new-se-main .ip-btn input,.news .r .newsso .btn,.newslip .l .newsnav a.select,.newslip .r .newsso .btn,.newsshow .r .newsso .btn{ background-color:#dd4250;}
  330. .news .r .listbox .ntit .tlh,.newslip .r .listbox .ntit .tlh,.newsshow .r .listbox .ntit .tlh{ border-left-color:#dd4250;}
  331. .news .l .newslist .listb.news_noimg .bl .pic,.newslip .l .newslist .listb.news_noimg .bl .pic{ display:none;}
  332. .news .l .newslist .listb.news_noimg .br,.newslip .l .newslist .listb.news_noimg .br{ margin-left:20px; width:820px;}
  333. .news .l .newslist .listb.news_noimg .br .t,.news .l .newslist .listb.news_noimg .br .summary,.newslip .l .newslist .listb.news_noimg .br .t,.newslip .l .newslist .listb.news_noimg .br .summary{ width:800px;}
  334. .newslip .l .newsnav a.select{ color:#FFF;}
  335. /*招聘会*/
  336. .jobfairlist .more:hover{ color:#dd4250;}
  337. .alltop_nav.jobfairtop_nav{background-color:#fff;}
  338. .alltop_nav.jobfairtop_nav .tnav .tl .nli.select{background-color:#fff;}
  339. .header_min.jobfairheader_min{background-color:#fff;}
  340. .header_min.jobfairheader_min .header_min_top .itopl, .header_min.jobfairheader_min .header_min_top .itopr,.header_min.jobfairheader_min .header_min_top ul.link .link_yellow a{color:#fff;}
  341. /*会员中心*/
  342. .user_head{ background-color:#c9444f;}
  343. .user_head .insidebox .usertopso .sobox{ border-color:#c9444f;}
  344. .rshow .l .main .contact .it,.rshow .l .main .tit span,.comshow .cominfo .attention .fans span,.comshowmain .l .infobox .lab .labsli:hover,.comshowmain .l .infobox .jobs .jobsli .rjob.c,.comshowmain .l .jobslist .jname u,.comshowmain .l .jobslist .jtxt u,.comshowmain .l .jobslist .jobapp,.jobsshow .r .comjobs .list .wage,.jobsshow .l .main .jobstit .wage,.jobsshow .l .main .jobstit .lab .li:hover,.jobsshow .l .main .contact .txt .tel,.jobsshow .l .main .contact .appbtn,.jobsshow .l .main .contact .statistics .stli .slitit,.jobsshow .l .main .favorite .fli.f1:hover,.jobsshow .l .main .favorite .fli.f2:hover,.jobsshow .l .main .favorite .fli.f3:hover,.jobsshow .l .comjobs .list .wage,.index_main .ileft .hellow .td1 .mygold span,.index_main .iright .i_main .comlogo .td2 .tag_group .group_cell .tag_cell,.user_tip .tiptit,.jobsWrap .jobsList .aloneOperation i,.modal_content .modal_body .guide_service_dialog .yellow_light,.re-box .re-line .re-l-l,.wx_jobbox .describe_wxbox .wxbox_left .wx_text_line.highlight,.wx_tongji .title .tlist .highlight,.m-s-line .code,.detail_wrap .detail_title .num_tip .num,.gold_top_gold .gold .rightbox .txt strong,.gold_top_gold .package_head .head_block_group .head_block .block strong,.gold_top_gold .todaygold .txt strong,.order_td .td4,.profile_wrap .basic_form .item .item_val .sm_tip .num,.profile_wrap .basic_form .item .synchro_chk,.refresh_resume_dialog .tip strong,.font_yellow,.infobox .td1 .yellow_light,.infobox .td1 .des_box .des_txt span,.resumeinfo .rinfo .goldtxt span,.res_edit .re_l .items .label_speciality.sys,.res_edit .re_l .itemsform .fbody .sp_label.select,.res_edit .re_l .itemsform .fbody .sp_label:hover,.listed_group .right_text:hover,.matching_group .listb .yli .td4,.matching_group .listb .yli .detail .rbtn .deliver,.matching_group .listb .yli .detail .rbtn .favorites:hover,.matching_group .listbtn .td2 .lbts:hover,.resume_tip .tiptit,.resume_privacy .r_list .td2 .t1,.resume_privacy .r_list .td3 .t1,.res_list .td2 .lis3 .t1,.interview_list_select .td3 strong,.apply_jobs_select .td3 strong,.goldlist .td2.reduce,.task_top_gold .gold .rightbox .txt strong,.task_top_gold .todaygold .txt strong,.order_list .td4,.comshowmain .r .same .list .txt .count span{ color:#dd4250;}
  345. .rshow .l .main .contact .downbtn,.rshow .r .main .downbtn,.comshow .cominfo .attention .abtn,.comshowmain .l .comnav a.select,.comshowmain .r .leave_msg .send_btn_group .send_btn,.comshowmain .l .jobslist .jobapp:hover,.jobsshow .r .leave_msg .send_btn_group .send_btn,.jobsshow .l .main .item .btns .app,.jobsshow .l .main .contact .appbtn:hover,.jobsshow .l .main .describe .qrcode .resempty .resadd,.jobsshow .l .main .appjob .appbtn,.index_main .ileft .hellow .td2 .btn_yellow,.user_tab .btnbox .btn_add,.jobsWrap .jobsList .aloneOperation .borderTop .btn_yellow,.modal_content .modal_body .guide_service_dialog .guide_btn_group .btn_guide,.j-m-d-l .tab-group .tab.selected,.user_tab .btnbox.resume_list .btn_inline,.plan.default span.s1,.plan.wait span.s2,.plan.not span.s3,.infobox .td1 .des_box .des_txt .btn .btn_inline,.resumeinfo .rinfo .sign .btn_inline,.res_edit .re_l .itemsform .fbody .addtag .tagright div,.res_edit .re_l .btnbox .btn_save .btn,.matching_group .listb .yli .detail .rbtn .deliver:hover,.gold_top_gold .gold .rightbox .btns .btn_yellow,.task_top_gold .gold .rightbox .btns .btn_yellow{ background-color:#dd4250;}
  346. .comshowmain .l .infobox .lab .labsli:hover,.comshowmain .l .jobslist .jobapp,.jobsshow .l .main .jobstit .lab .li:hover,.jobsshow .l .main .contact .appbtn,.jobsshow .l .comjobs .list:hover,.index_main .iright .i_main .comlogo .td2 .tag_group .group_cell .tag_cell,.res_edit .re_l .itemsform .fbody .sp_label.select,.res_edit .re_l .itemsform .fbody .sp_label:hover,.matching_group .listb .yli .detail .rbtn .deliver,.matching_group .listbtn .td2 .lbts:hover{ border-color:#dd4250;}
  347. .jobsshow .l .main .contact .tit,.jobsshow .l .main .describe .tit,.res_edit .re_l .items .label_speciality.sys{ border-left-color:#dd4250;}
  348. .res_edit .re_l .btnbox .btn_save .btn.hover,.page_so .sobox .inputbg .sobut.hover,.newslip .r .newsso .btn:hover,.ban_box .maind .login .mob .inputbox .btn_login.code:hover{ background-color:#dd4250;}
  349. .index_navlist .sNav {height: 40px;float: left;}
  350. .righttxt a{display: inline-block;padding-left: 36px;margin-bottom: 6px;}
  351. .righttxt :first-child {/*background: url(../images/fenlei-icon.png) no-repeat;background-position: 13px 0px;*//*margin-top: -3px;*/}
  352. /*新版名企招聘*/
  353. .slideTxtBox .bd .bd_roll{
  354. width:9999em;
  355. height:350px;
  356. position:relative;
  357. }
  358. .com_slide_content{
  359. width:1200px;
  360. height:350px;
  361. float:left;
  362. }
  363. .com_slide_content .left_com{
  364. float:left;
  365. width:410px;
  366. height:350px;
  367. padding-top:10px;
  368. }
  369. .com_slide_content .left_com .recruit_com_item{
  370. width:400px;
  371. height:30px;
  372. line-height:30px;
  373. overflow:hidden;
  374. text-overflow:ellipsis;
  375. white-space:nowrap;
  376. float:left;
  377. margin-left:5px;
  378. }
  379. .com_slide_content .left_com .recruit_com_item a{
  380. color:#353535;
  381. display:inline-block;
  382. max-width:180px;
  383. overflow:hidden;
  384. text-overflow:ellipsis;
  385. white-space:nowrap;
  386. }
  387. .com_slide_content .left_com .recruit_com_item span{
  388. display: inline-block;
  389. }
  390. .com_slide_content .left_com .recruit_com_item a.job_name{ color:#dd4250; margin-left:5px;max-width:70px;}
  391. .com_slide_content .left_com .recruit_com_item a:hover{ color:#dd4250;}
  392. .com_slide_content .left_com .recruit_com_item a.job_name:hover{ text-decoration:underline;}
  393. .com_slide_content .left_com .recruit_com_item a.no{color:#808080;}
  394. .com_slide_content .left_com .recruit_com_item a.no:hover{text-decoration:none;cursor:default;}
  395. .com_slide_content .right_ad{
  396. width:720px;
  397. float:right;
  398. margin-right:30px;
  399. padding-top:10px;
  400. }
  401. .com_slide_content .right_ad .index_floor_box_adlist{ position:relative; cursor:pointer;float:left;margin-left:10px; width:350px; height:70px; border:1px solid #efefef; margin-bottom:13px;}
  402. .com_slide_content .right_ad .index_floor_box_adlist img{ width:350px; height:68px;}
  403. .com_slide_content .right_ad .showadinfo{ display:none; position:absolute; top:0px; left:0px; width:350px; height:auto; overflow:hidden; z-index:100; transition:all .5s; -webkit-transition:all .5s;}
  404. .showadinfo_company{ width:350px; height:70px; background-color:rgba(221,66,80,0.7); line-height:70px; text-align:center; font-size:16px; overflow:hidden; padding:0px 10px;}
  405. .showadinfo_company a{ color:#fff;}
  406. .showadinfo_jobs{ width:350px; border:2px solid #dd4250; border-top:none; padding:0px 10px; background-color:#fff;}
  407. .showadinfo_jobs li{ width:320px; height:25px; line-height:25px; padding:0px 15px; border-bottom:1px dotted #ddd;}
  408. .showadinfo_jobs li a{display:block;}
  409. .showadinfo_jobs li span{ color:#1280dd;}
  410. .showadinfo_more{ font-size:12px; color:#333;}
  411. .showadinfo_jobs li:hover a,.showadinfo_jobs li:hover span,.showadinfo_more:hover{ color:#dd4250;}
  412. /*正在开发中*/
  413. .developing{width:1200px;height:830px;margin:auto;margin-top:20px;}
  414. .developing_content{width:100%;height:515px;background:url(../images/developing_bg.png) no-repeat center;}
  415. .developing p{font-size:25px;text-align:center;line-height:40px;color:#838383;}
  416. .mobile_developing{width:100%;height:auto;}
  417. .mobile_developing_content{width:100%;height:5.8rem;background:url(../images/developing_m_bg.png) no-repeat center 1.2rem #f5f5f5;background-size:4.2rem;}
  418. .mobile_developing p{font-size:.28rem;text-align:center;line-height:.4rem;color:#717171;}
  419. /*悬浮底部*/
  420. .fixed_footer{
  421. width:100%;
  422. height:235px;
  423. position: fixed;
  424. left:0;
  425. bottom:0;
  426. background:url(../images/index/fixed_footer_bg.png) no-repeat center;
  427. z-index:1111;
  428. }
  429. .fixed_footer .footer_content{
  430. position:relative;
  431. }
  432. .fixed_footer .footer_content .footer_txt{
  433. padding-left:195px;
  434. padding-top:134px;
  435. line-height:40px;
  436. font-size:16px;
  437. font-weight: bold;
  438. color:#fff;
  439. }
  440. .fixed_footer .footer_content .footer_code{
  441. position:absolute;
  442. top: 34px;
  443. right: 156px;
  444. width:305px;
  445. }
  446. .fixed_footer .footer_content .footer_code .code_box{
  447. width:141px;
  448. float:left;
  449. margin-right:9px;
  450. }
  451. .fixed_footer .footer_content .footer_code .code_box .code_img,.fixed_footer .footer_content .footer_code .code_box .code_img img{
  452. width:141px;
  453. height:141px;
  454. }
  455. .fixed_footer .footer_content .footer_code .code_box .code_txt{
  456. color:#fff;
  457. font-size:12px;
  458. margin-top:16px;
  459. text-align: center;
  460. }
  461. .fixed_footer .footer_content .footer_fixed_close{ display:none; cursor:pointer; width:35px; height:35px; background:url('../images/index/index_close.png') no-repeat center center; position:absolute; right:80px; top:90px;}
  462. .fixed_footer .footer_content .footer_fixed_close:hover{ background-image:url('../images/index/index_close_a.png');}
  463. .fixed_footer:hover .footer_fixed_close{ display:block;}