homeuo.css 86 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635
  1. /* CSS Document */
  2. *{ padding:0; margin:0}
  3. .wapd, .nav_bottom{display:none}
  4. div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td, figure, em, {
  5. margin:0;
  6. padding:0;
  7. font-weight:normal;
  8. }
  9. li {
  10. list-style-type:none
  11. }
  12. ul {
  13. margin:0px;
  14. padding:0px
  15. }
  16. img {
  17. border:0px;
  18. }
  19. a {
  20. text-decoration:none;
  21. color:#333
  22. }
  23. a:hover {
  24. text-decoration:none;
  25. }
  26. a img {
  27. border:none;
  28. }
  29. body {
  30. font-size: 14px;
  31. font-family: "Microsoft YaHei" !important;
  32. color:#666;
  33. background:#f9f9f9;margin:0;padding:0;
  34. }
  35. body a:hover {
  36. color:#34aadc;
  37. }
  38. h4 {
  39. font-size:15px;
  40. color:#333;
  41. }
  42. .l {
  43. float:left
  44. }
  45. .r {
  46. float:right
  47. }
  48. .clear {
  49. clear:both;
  50. }
  51. .blank10 {
  52. height:10px;
  53. overflow:hidden
  54. }
  55. .blank18 {
  56. height:18px;
  57. overflow:hidden
  58. }
  59. .blank20 {
  60. height:20px;
  61. overflow:hidden
  62. }
  63. input {
  64. border: 1px solid #888;
  65. background:#ccc;
  66. }
  67. textarea {
  68. border: 1px solid #888;
  69. background:#ccc;
  70. }
  71. .focus {
  72. border: 1px solid #f00;
  73. background:#666;
  74. }
  75. .Dg {
  76. width:1020px;
  77. margin:0 auto;
  78. line-height:37px;
  79. font-size:12px;
  80. color:#666;
  81. line-height:37px;
  82. padding-left:8px;
  83. }
  84. .Dg a {
  85. margin:6px;
  86. color:#666
  87. }
  88. .idx {
  89. width:1020px;
  90. margin:0 auto;
  91. overflow:hidden;
  92. margin-top:10px
  93. }
  94. .norecord {
  95. width:250px;
  96. margin:0 auto;
  97. margin-top:20px;
  98. height:32px;
  99. line-height:32px;
  100. padding-left:27px;
  101. border:1px solid #f9b49c;
  102. color:#e00;
  103. background:#fff6e6 url(../image/no.gif) no-repeat 10px 50%;
  104. font-size:12px
  105. }
  106. del {
  107. text-decoration:none;
  108. padding:0px;
  109. margin:0px;
  110. }
  111. .hide {
  112. display:none
  113. }
  114. .chargetips {
  115. width:300px;
  116. margin:0 auto;
  117. margin-top:20px;
  118. line-height:22px;
  119. background:#fbfbe4 url(../image/ibtn.png) no-repeat 10px 50%;
  120. border:1px solid #ffd5af;
  121. line-height:24px;
  122. padding:20px 0px 20px 70px
  123. }
  124. .chargetips a {
  125. color:#0063c8
  126. }
  127. /*头部通用start*/
  128. /*#head_cn{ height:35px; width:100%;background-color: #0e9bdc; }
  129. .head_txt{ height:35px; width:1020px; margin:0 auto; text-align: right; line-height:35px}
  130. .head_txt span{font-size: 14px;
  131. color: #FFF}
  132. .online a {
  133. display: inline-block;
  134. height: 15px;
  135. width: 16px;
  136. background: url(../image/icon-qq.png) no-repeat center;
  137. }*/
  138. #head_top {
  139. background-color: #f9f9f9;
  140. height: 93px;
  141. width: 100%;
  142. margin-top: 0px;
  143. margin-right: auto;
  144. margin-bottom: 0px;
  145. margin-left: auto;
  146. }
  147. #head_top .head {
  148. height: 93px;
  149. width: 1020px;
  150. margin-top: 0px;
  151. margin-right: auto;
  152. margin-bottom:0px ;
  153. margin-left: auto;
  154. }
  155. #head_top .head .head-top-con{
  156. float:right;
  157. padding-top:8px;
  158. }
  159. #head_top .head .head-top-con span{
  160. padding: 0 10px;
  161. font-size: 12px;
  162. background: url(../image/icon-line.png) no-repeat right center;
  163. color: #666;
  164. }
  165. #head_top .head .head-top-con span a {
  166. margin-left: 10px;
  167. }
  168. #head_top .head .head-top-con span b {
  169. color: #666;
  170. margin-left: 10px;
  171. font-size: 12px;
  172. }
  173. #head_top .head .head-top-con .online {
  174. background: none;
  175. padding: 0;
  176. }
  177. #head_top .head .head-top-con .onl {
  178. background: none;
  179. padding: 0;
  180. }
  181. #head_top .head .head-top-con .online a {
  182. display: inline-block;
  183. height: 15px;
  184. width: 16px;
  185. background: url(../image/icon-qq.png) no-repeat center;
  186. }
  187. #head_top .head .logo {
  188. float: left;
  189. height: 80px;
  190. width: 200px;
  191. margin-top:12px
  192. }
  193. #head_top .head .navi {
  194. float: left;
  195. height: 46px;
  196. width: 800px;
  197. padding-bottom:20px;
  198. }
  199. #head_top .head .navi ul {
  200. width: 800px;
  201. }
  202. #head_top .head .navi ul li {
  203. text-align: center;
  204. float: left;
  205. width: 112px;
  206. }
  207. #head_top .head .navi ul li a {
  208. font-size: 14px;
  209. color: #666;
  210. float: left;
  211. width: 112px;
  212. display: block;
  213. padding: 30px 25px;
  214. font-weight:bold;
  215. }
  216. #head_top .head .navi ul li a:hover {
  217. color: #0e9bdc;
  218. }
  219. #head_top .head .navi .active a
  220. { color:#0e9bdc }
  221. /*头部通用end*/
  222. .t1_pic{ width:1020px; height:140px; text-align:center; margin:0 auto;
  223. }
  224. /*首页大图开始*/
  225. .datu {
  226. background:#CBCBCB;
  227. height:294px;
  228. background:url(http://www.ifenguo.com/skin/images/datubg.png) repeat-x;
  229. }
  230. /*首页大图结束*/
  231. /*网站首页start*/
  232. /*第一排宣传文字start*/
  233. .main1 {
  234. width:1020px;
  235. margin:0px auto;
  236. height:120px;
  237. text-align:center;
  238. margin-top:40px;
  239. }
  240. .main1 h1 {
  241. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  242. font-size:14px;
  243. color:#333;
  244. }
  245. .main1 .zhuanzhu {
  246. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  247. font-size:20px;
  248. color:#333;
  249. }
  250. .main1 .xiangxia {
  251. float:left;
  252. padding-left:462px;
  253. padding-top:10px;
  254. }
  255. /*第一排宣传文字end*/
  256. /*第二排宣传文字start*/
  257. .main2 {
  258. width:831px;
  259. height:223px;
  260. margin:0px auto;
  261. background:url(../image/beijing.png) 0px 0px no-repeat;
  262. }
  263. .main2 .xiangxia {
  264. float:left;
  265. padding-left:387px;
  266. padding-top:160px;
  267. }
  268. /*第二排宣传文字end*/
  269. /*横线背景start*/
  270. .hengxianbg {
  271. background:url(../image/beijing.png) left -250px repeat-x;
  272. height:97px;
  273. }
  274. .hengxianbg .biaoti {
  275. margin:0px auto;
  276. width:245px;
  277. background:#f2f2f2;
  278. height:97px;
  279. text-align:center;
  280. }
  281. .hengxianbg .biaoti .dbt {
  282. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  283. font-size:36px;
  284. font-weight: bold;
  285. line-height:60px;
  286. color:#34aadc;
  287. }
  288. .hengxianbg .biaoti .dbt a {
  289. color:#34aadc;
  290. }
  291. .hengxianbg .biaoti .dbt a:hover {
  292. color:#666;
  293. text-decoration:none;
  294. }
  295. .hengxianbg .biaoti .dbt2 {
  296. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  297. font-size:36px;
  298. font-weight: bold;
  299. line-height:60px;
  300. color:#34aadc;
  301. }
  302. .hengxianbg .biaoti .tt {
  303. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  304. font-size:36px;
  305. font-weight: bold;
  306. line-height:60px;
  307. }
  308. .hengxianbg .biaoti .tt a {
  309. color:#333;
  310. }
  311. .hengxianbg .biaoti .tt a:hover {
  312. color:#34aadc;
  313. text-decoration:none;
  314. }
  315. .hengxianbg .biaoti .en {
  316. font-family:"Times New Roman", Times, serif;
  317. font-size:16px;
  318. color:#666;
  319. }
  320. /*横线背景end*/
  321. /*网页设计列表start*/
  322. .sheji {
  323. width:1044px;
  324. margin:0px auto;
  325. }
  326. .sheji .list {
  327. float:left;
  328. padding-left:12px;
  329. width:180px;
  330. margin:0px 8px;
  331. text-align:center;
  332. }
  333. .sheji .list .title {
  334. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  335. font-size:20px;
  336. margin-top:10px;
  337. }
  338. .sheji .list .title a {
  339. color:#34aadc;
  340. }
  341. .sheji .list .title a:hover {
  342. color:#34aadc;
  343. text-decoration:none;
  344. }
  345. .sheji .list .tb1, .tb2, .tb3, .tb4, .tb5 {
  346. width:110px;
  347. height:110px;
  348. margin:0 auto;
  349. -webkit-transition: 0.5s ease-out;
  350. -moz-transition: 0.5s ease-out;
  351. -ms-transition: 0.5s ease-out;
  352. -o-transition: 0.5s ease-out;
  353. transition: 0.5s ease-out;
  354. }
  355. .sheji .list .tb1 {
  356. background:url(../image/s21.png) no-repeat;
  357. }
  358. .sheji .list .tb1:hover {
  359. background:url(../image/s22.png) no-repeat;
  360. }
  361. .sheji .list .tb2 {
  362. background:url(../image/s31.png) no-repeat;
  363. }
  364. .sheji .list .tb2:hover {
  365. background:url(../image/s32.png) no-repeat;
  366. }
  367. .sheji .list .tb3 {
  368. background:url(../image/s41.png) no-repeat;
  369. }
  370. .sheji .list .tb3:hover {
  371. background:url(../image/s42.png) no-repeat;
  372. }
  373. .sheji .list .tb4 {
  374. background:url(../image/s51.png) no-repeat;
  375. }
  376. .sheji .list .tb4:hover {
  377. background:url(../image/s52.png) no-repeat;
  378. }
  379. .sheji .list .tb5 {
  380. background:url(../image/s61.png) no-repeat;
  381. }
  382. .sheji .list .tb5:hover {
  383. background:url(../image/s62.png) no-repeat;
  384. }
  385. .sheji .line {
  386. float:left;
  387. width:1px;
  388. background:#ccc;
  389. height:130px;
  390. }
  391. /*网页设计列表end*/
  392. /*解决方案start*/
  393. .jiejue {
  394. width:1020px;
  395. margin:0px auto;
  396. }
  397. .jiejue .list {
  398. width:140px;
  399. float:left;
  400. padding-left:35px;
  401. margin:0 9px;
  402. text-align:center;
  403. }
  404. .jiejue .list .title {
  405. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  406. font-size:20px;
  407. float:left;
  408. }
  409. .jiejue .list .title a {
  410. color:#333;
  411. }
  412. .jiejue .list .title a:hover {
  413. color:#34aadc;
  414. text-decoration:none;
  415. }
  416. .jiejue .list .tu1, .tu2, .tu3, .tu4, .tu5 {
  417. width:118px;
  418. height:136px;
  419. background:url(../image/beijing.png) 0px -575px no-repeat;
  420. -webkit-transition: -webkit-transform 1s ease-out;
  421. -moz-transition: -moz-transform 1s ease-out;
  422. -ms-transition: -ms-transform 1s ease-out;
  423. -o-transition: -o-transform 1s ease-out;
  424. transition: transform 1s ease-out;
  425. }
  426. .jiejue .list .tu1:hover, .tu2:hover, .tu3:hover, .tu4:hover, .tu5:hover {
  427. width:118px;
  428. height:136px;
  429. background:url(../image/beijing.png) 0px -745px no-repeat;
  430. -webkit-transform: rotate(360deg); /* safari and chrome */
  431. -moz-transform: rotate(360deg); /* firefox */
  432. -o-transform: rotate(360deg); /* opera */
  433. -ms-transform: rotate(360deg); /* ie9 */
  434. transform: rotate(360deg);
  435. }
  436. /*解决方案end*/
  437. /*案例展示标题start*/
  438. .anlitt {
  439. background:#BA292E;
  440. height:176px;
  441. text-align:center;
  442. }
  443. .anlitt .xiangxia {
  444. margin:0px auto;
  445. padding-top:15px;
  446. }
  447. .anlitt .title {
  448. margin:0px auto;
  449. width:245px;
  450. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  451. font-size:36px;
  452. font-weight: bold;
  453. line-height:60px;
  454. }
  455. .anlitt .title a {
  456. color:#fff;
  457. }
  458. .anlitt .title a:hover {
  459. color:#ccc;
  460. text-decoration:none;
  461. }
  462. .anlitt .en {
  463. font-family:"Times New Roman", Times, serif;
  464. font-size:18px;
  465. color:#CCC;
  466. }
  467. /*案例展示标题end*/
  468. /*案例展示列表start*/
  469. /*case*/
  470. .hyf{width: 1100px;height: auto;margin:0 auto;}
  471. .hyfl {width: 1100px;height: auto;margin: 20px auto 20px auto;border-bottom:solid 1px #dadada;float: left;}
  472. .hyfl h2 {
  473. font-size: 16px;
  474. width: 100px;
  475. float: left;
  476. height: 30px;
  477. line-height: 30px;
  478. margin:0 auto;
  479. }
  480. .hyfl ul { float: left; width: 980px; }
  481. .hyfl ul li { float: left;width:85px; text-align: center;}
  482. .hyfl ul li a {
  483. padding: 5px;
  484. line-height: 20px;
  485. height: 20px;
  486. margin-bottom: 5px;
  487. display: block;
  488. /*border: 1px solid #dadada;*/
  489. }
  490. .hyfl ul li a:hover { color:#FFF; background-color:#34aadc; }
  491. .hyfl ul li .thisclass { color:#FFF; background-color:#34aadc; }
  492. .caseimg{width:1100px;margin:0 auto;overflow:hidden;padding:10px 0;}
  493. .caseimg dl{width:338px;float:left;margin:10px 13px;}
  494. .caseimg dl dt{width:338px;height:211px;overflow:hidden;}
  495. .caseimg dl dt a:hover{ z-index:100; margin: -2px -2px -2px -2px;position: absolute;
  496. position: absolute;}
  497. .caseimg dl dt a:hover img{
  498. width:340px;
  499. height:214px;
  500. }
  501. .caseimg dl dd{width:338px;height:40px;background:#FFF;overflow:hidden;margin-left:0px;}
  502. .caseimg dl dd p{float:left;line-height:40px;font-size:14px;padding-left:20px;color:#333;}
  503. .caseimg dl dd a{display:block;width:40px;height:40px;background:#CCCCCC;color:#FFF;text-align:center;line-height:40px;float:right;font-size:30px;}
  504. .caseimg dl dd a:hover{display:block;width:40px;height:40px;background:#0e9bdc;color:#FFF;text-align:center;line-height:40px;float:right;font-size:30px;}
  505. .casemore{width:74px;height:40px;margin:0 auto;border:1px solid #CACACA; text-align:center;padding-top:16px;}
  506. /*case*/
  507. /*案例展示列表end*/
  508. /*关于我们标题start*/
  509. .guanyutt {
  510. background:url(../image/xiewen.png) repeat;
  511. height:178px;
  512. text-align:center;
  513. }
  514. .guanyutt .xiangxia {
  515. margin:0px auto;
  516. padding-top:15px;
  517. }
  518. .guanyutt .title {
  519. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  520. font-size:36px;
  521. font-weight: bold;
  522. line-height:60px;
  523. }
  524. .guanyutt .title a {
  525. color:#34aadc;
  526. }
  527. .guanyutt .title a:hover {
  528. color:#666;
  529. text-decoration:none;
  530. }
  531. .guanyutt .en {
  532. font-family:"Times New Roman", Times, serif;
  533. font-size:18px;
  534. color:#333;
  535. }
  536. /*关于我们标题end*/
  537. /*关于我们列表start*/
  538. .guanyu {
  539. width:800px;
  540. margin:0px auto;
  541. padding-top:30px;
  542. }
  543. .guanyu .jieshao {
  544. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  545. font-size:16px;
  546. font-weight: normal;
  547. line-height:180%;
  548. color:#333;
  549. text-indent:2em;
  550. }
  551. .guanyu .linian1 {
  552. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  553. font-size:32px;
  554. font-weight: bold;
  555. color:#333;
  556. text-align:center;
  557. }
  558. .guanyu .liniantext {
  559. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  560. font-size:26px;
  561. font-weight: normal;
  562. color:#34aadc;
  563. text-align:center;
  564. }
  565. .guanyu .liniancontent {
  566. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  567. font-size:16px;
  568. font-weight: normal;
  569. color:#333;
  570. text-align:center;
  571. }
  572. .guanyu .xiangxia {
  573. font-size:14px;
  574. font-weight: normal;
  575. color:#333;
  576. text-align:center;
  577. padding-top:30px;
  578. }
  579. .guanyu .lianxi {
  580. font-size:14px;
  581. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  582. font-weight: normal;
  583. color:#333;
  584. text-align:center;
  585. padding-top:20px;
  586. }
  587. /*关于我们列表end*/
  588. /*帮助与动态start*/
  589. .help {
  590. border-top:1px #ccc solid;
  591. }
  592. .help .box {
  593. width:1020px;
  594. margin:0px auto;
  595. height:240px;
  596. }
  597. .help .box .list {
  598. width:285px;
  599. float:left;
  600. padding-left:13px;
  601. margin:25px 12px;
  602. }
  603. .help .box .list .title {
  604. float:left;
  605. width:240px;
  606. }
  607. .help .box .list .title span {
  608. font-family:"Times New Roman", Times, serif;
  609. font-size:18px;
  610. color:#666;
  611. margin-left:10px;
  612. }
  613. .help .box .list .title a {
  614. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  615. font-size:24px;
  616. font-weight: bold;
  617. color:#333;
  618. margin-left:5px;
  619. }
  620. .help .box .list .title a:hover {
  621. text-decoration:none;
  622. color:#34aadc;
  623. }
  624. .help .box .list .more {
  625. float:right;
  626. }
  627. .help .box .list .more img {
  628. width:41px;
  629. height:16px;
  630. padding-top:14px;
  631. }
  632. .help .box .list .content {
  633. float:left;
  634. width:285px;
  635. padding-top:15px;
  636. }
  637. .help .box .list .content ul {
  638. float:left;
  639. width:285px;
  640. }
  641. .help .box .list .content ul li {
  642. height:70px;
  643. padding-top:10px;
  644. }
  645. .help .box .list .content ul li:hover {
  646. background:#fafafa;
  647. }
  648. .help .box .list .content ul li.li01 .lct {
  649. width:90px;
  650. float:left;
  651. }
  652. .help .box .list .content ul li.li01 .lct img {
  653. width:85px;
  654. height:58px;
  655. float:left;
  656. }
  657. .help .box .list .content ul li.li01 .rct {
  658. width:180px;
  659. float:left;
  660. margin-left:5px;
  661. }
  662. .help .box .list .content ul li.li01 .rct .title {
  663. float:left;
  664. width:180px;
  665. height:22px;
  666. overflow:hidden;
  667. }
  668. .help .box .list .content ul li.li01 .rct .title a {
  669. font-size:12px;
  670. font-weight:bold;
  671. font-family:宋体;
  672. color:#666;
  673. }
  674. .help .box .list .content ul li.li01 .rct .intro {
  675. float:left;
  676. padding-top:5px;
  677. line-height:150%;
  678. color:#999;
  679. text-indent:2em;
  680. }
  681. .help .box .list .content ul li.li01 .rct .intro span {
  682. float:right;
  683. color:#999
  684. }
  685. /*帮助与动态end*/
  686. /*友情链接start*/
  687. .link {width:100%;
  688. margin:0px auto;
  689. background: #999;
  690. overflow:hidden
  691. }
  692. .link .box {
  693. width:1020px;
  694. margin:0px auto;
  695. line-height:180%;
  696. padding:15px 40px 10px 60px;
  697. overflow:hidden
  698. }
  699. .link .box ul {
  700. width:1020px;
  701. padding-left:50px;
  702. }
  703. .link .box ul a.y {
  704. background: #999;
  705. display:block;
  706. color:#fff;
  707. text-align:left;
  708. float:left;
  709. width:100px;
  710. margin-right:10px;
  711. margin-bottom:10px;
  712. }
  713. .link .box ul a {
  714. display:block;
  715. background:#666;
  716. color:#fff;
  717. text-align:center;
  718. float:left;
  719. width:120px;
  720. margin-right:10px;
  721. margin-bottom:10px;
  722. }
  723. .link .box ul a:hover {
  724. background:#34aadc;
  725. color:#fff;
  726. }
  727. /*友情链接end*/
  728. /*版权声明start*/
  729. .copy {
  730. background:#333;
  731. height:300px;
  732. padding-top:20px
  733. }
  734. .copy .top {
  735. background:#595959;
  736. height:29px;
  737. margin-bottom:30px;
  738. }
  739. .copy .top .fanhui {
  740. width:1020px;
  741. margin:0px auto;
  742. height:29px;
  743. text-align:center;
  744. }
  745. .copy .box {
  746. width:1020px;
  747. margin:0px auto;
  748. }
  749. .copy .box .left {
  750. float:left;
  751. width:165px;
  752. height:150px;
  753. text-align:center;
  754. }
  755. .copy .box .left .weixin {
  756. float:left;
  757. margin-left:25px;
  758. padding-top:8px;
  759. }
  760. .copy .box .left .zi {
  761. float:left;
  762. width:165px;
  763. height:41px;
  764. line-height:41px;
  765. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  766. font-size:14px;
  767. font-weight: normal;
  768. color:#CCC;
  769. text-align:center;
  770. }
  771. .copy .box .center {
  772. float:left;
  773. width:25px;
  774. margin-left:15px;
  775. background:url(../image/beijing.png) -2px -992px no-repeat;
  776. height:150px;
  777. margin-top:7px;
  778. }
  779. .copy .box .right {
  780. float:left;
  781. width:730px;
  782. margin-left:22px;
  783. height:150px;
  784. }
  785. .copy .box .right .biaodan {
  786. float:left
  787. }
  788. .copy .box .dianhua {
  789. float:left;
  790. width:800px;
  791. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  792. font-size:16px;
  793. height:30px;
  794. line-height:30px;
  795. font-weight: bold;
  796. color:#ccc;
  797. padding-top:50px;
  798. padding-left:225px;
  799. }
  800. .copy .box .dianhua .phone {
  801. float:left;
  802. }
  803. .copy .box .dianhua .phone a, .copy .box .dizhi a {
  804. color:#ccc;
  805. }
  806. .copy .box .dianhua .phone a:hover, .copy .box .dizhi a:hover {
  807. color:#34aadc;
  808. text-decoration:none;
  809. }
  810. .copy .box .dizhi {
  811. float:left;
  812. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  813. font-size:14px;
  814. font-weight: normal;
  815. color:#ccc;
  816. padding-left:225px;
  817. line-height:180%;
  818. }
  819. /*版权声明end*/
  820. /*网站首页end*/
  821. /*首页鼠标特效start*/
  822. .scrollFrame {
  823. width:100%;
  824. }
  825. .scrollFrame .cls {
  826. clear:both;
  827. }
  828. .scrollFrame .cont {
  829. }
  830. .scrollFrame .hidden {
  831. display:none;
  832. }
  833. .scrollFrame .display {
  834. display:block;
  835. }
  836. .scrollFrame {
  837. margin:0px auto;
  838. overflow:hidden;
  839. }
  840. .scrollFrame .scrollUl {
  841. height:56px;
  842. }
  843. .scrollFrame .scrollUl li {
  844. float:left;
  845. }
  846. .scrollFrame .scrollUl .textdiv {
  847. width:65px;
  848. float:left;
  849. text-align:center;
  850. line-height:35px;
  851. font-size:14px;
  852. color:#069;
  853. }
  854. .scrollFrame .scrollUl .blankdiv {
  855. width:10px;
  856. float:left;
  857. text-align:center;
  858. line-height:35px;
  859. }
  860. .scrollFrame .scrollUl .textcss {
  861. width:100px;
  862. float:left;
  863. text-align:center;
  864. line-height:35px;
  865. font-size:16px;
  866. font-weight:bold;
  867. color:#222;
  868. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  869. }
  870. .scrollFrame .bor03 {
  871. padding:0px;
  872. margin:0px;
  873. clear:both;
  874. border-top:none;
  875. }
  876. .scrollFrame .sd01 {
  877. cursor:pointer;
  878. width:68px;
  879. color:#000;
  880. border-left:1px solid #e5e5e5;
  881. height:56px;
  882. font-size:12px;
  883. line-height:56px;
  884. margin-top:0px;
  885. display:block;
  886. text-align:center;
  887. }
  888. .scrollFrame .sd01 a {
  889. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  890. font-size:20px;
  891. color:#34aadc;
  892. }
  893. .scrollFrame .sd01 a:hover {
  894. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  895. font-size:20px;
  896. }
  897. .scrollFrame .sd02 {
  898. cursor:pointer;
  899. width:68px;
  900. color:#3D81C0;
  901. border-left:1px solid #e5e5e5;
  902. border-bottom:2px solid #e5e5e5;
  903. background:#fcfcfc;
  904. height:56px;
  905. font-size:12px;
  906. line-height:56px;
  907. margin-top:0px;
  908. display:block;
  909. text-align:center;
  910. }
  911. .scrollFrame .sd02 a {
  912. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  913. font-size:20px;
  914. }
  915. .scrollFrame .sd02 a:hover {
  916. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  917. font-size:20px;
  918. }
  919. .scrollFrame .bor03 .scrollFrame .bor03 .zxym {
  920. padding:8px;
  921. height:282px;
  922. overflow:hidden;
  923. color:#3D81C0;
  924. }
  925. .scrollFrame .bor03 .zxym h2 {
  926. line-height:32px;
  927. height:32px;
  928. text-align:center;
  929. overflow:hidden;
  930. margin-bottom:10px;
  931. }
  932. .scrollFrame .bor03 .zxym h2 a {
  933. color:#3D81C0;
  934. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  935. font-size:16px;
  936. }
  937. .scrollFrame .bor03 .zxym h2 a:hover {
  938. color:#4e8ed6;
  939. text-decoration:none;
  940. }
  941. .scrollFrame .bor03 .zxym li {
  942. height:26px;
  943. line-height:26px;
  944. background:url(http://www.ifenguo.com/skin/images/artarrow.gif) no-repeat 0px 10px;
  945. padding-left:10px;
  946. }
  947. .scrollFrame .bor03 .zxym a {
  948. font-size:14px;
  949. color:#333
  950. }
  951. .scrollFrame .bor03 .zxym span {
  952. float:right;
  953. color:#999;
  954. }
  955. .scrollFrame .bor03 .zxym a:hover {
  956. color:#4e8ed6;
  957. text-decoration:none;
  958. }
  959. .scrollFrame .scrollUl2 {
  960. border-bottom:#CC0001 2px solid;
  961. height:34px;
  962. }
  963. .scrollFrame .scrollUl2 li {
  964. float:left;
  965. }
  966. .scrollFrame .scrollUl2 .textdiv {
  967. width:165px;
  968. float:left;
  969. margin-right:100px;
  970. text-align:left;
  971. line-height:36px;
  972. font-size:14px;
  973. color:#000;
  974. font-weight:bold;
  975. }
  976. .scrollFrame .scrollUl3 {
  977. height:32px;
  978. border:#d4d4d4 1px solid;
  979. }
  980. .scrollFrame .scrollUl3 {
  981. height:36px;
  982. border:#ddd 1px solid;
  983. border-top:2px solid #999;
  984. background:#f6f6f6;
  985. }
  986. .scrollFrame .scrollUl3 li {
  987. float:left;
  988. width:107px;
  989. cursor:pointer;
  990. text-align:center;
  991. height:36px;
  992. line-height:36px;
  993. font-size:14px;
  994. border-top:2px solid #fff;
  995. }
  996. .scrollFrame .scrollUl3 li.sd05 {
  997. color:#003a75;
  998. height:36px;
  999. line-height:36px;
  1000. display:block;
  1001. background:#fff;
  1002. border-top:2px solid #06417d;
  1003. margin-top:-1px
  1004. }
  1005. .scrollFrame .scrollUl3 li.sd06 {
  1006. color:#333;
  1007. margin-top:-2px;
  1008. border-top:1px solid #999;
  1009. line-height:41px;
  1010. }
  1011. .scrollFrame .sd03 {
  1012. cursor:pointer;
  1013. width:90px;
  1014. background:#C80000;
  1015. text-align:center;
  1016. color:#FFF;
  1017. height:31px;
  1018. font-size:14px;
  1019. line-height:31px;
  1020. margin-top:3px;
  1021. display:block;
  1022. margin-left:5px;
  1023. }
  1024. .scrollFrame .sd04 {
  1025. cursor:pointer;
  1026. background:#DEDEDE;
  1027. width:90px;
  1028. color:#555;
  1029. margin-left:5px;
  1030. height:31px;
  1031. font-size:14px;
  1032. line-height:31px;
  1033. text-align:center;
  1034. margin-top:3px;
  1035. display:block;
  1036. }
  1037. .scrollFrame .scrollUl4 {
  1038. height:36px;
  1039. border:#ddd 1px solid;
  1040. border-top:2px solid #999;
  1041. background:#f6f6f6;
  1042. }
  1043. .scrollFrame .scrollUl4 li {
  1044. float:left;
  1045. width:107px;
  1046. cursor:pointer;
  1047. text-align:center;
  1048. height:36px;
  1049. line-height:36px;
  1050. font-size:14px;
  1051. border-top:2px solid #fff;
  1052. }
  1053. .scrollFrame .scrollUl4 li.sd05 {
  1054. color:#003a75;
  1055. height:36px;
  1056. line-height:36px;
  1057. display:block;
  1058. background:#fff;
  1059. border-top:2px solid #06417d;
  1060. margin-top:-1px
  1061. }
  1062. .scrollFrame .scrollUl4 li.sd06 {
  1063. color:#333;
  1064. margin-top:-2px;
  1065. border-top:1px solid #999;
  1066. line-height:41px;
  1067. }
  1068. .scrollFrame .bor02 {
  1069. border:#E8E8E8 1px solid;
  1070. border-top:none;
  1071. height:100%;
  1072. overflow:hidden;
  1073. }
  1074. .scrollFrame .bor02 ul {
  1075. padding:8px;
  1076. text-align:left;
  1077. line-height:24px;
  1078. }
  1079. /*首页鼠标特效end*/
  1080. /*网站设计频道开始*/
  1081. /*网站设计顶部大图开始*/
  1082. .wzsjdatu {
  1083. height:300px;
  1084. overflow-x: hidden;
  1085. position: relative;
  1086. }
  1087. .wzsjdatu .wzsjdatuson {
  1088. height:300px;
  1089. position: absolute;
  1090. top: 0;
  1091. left: 50%;
  1092. margin-left: -960px;
  1093. width: 1920px;
  1094. }
  1095. .wzsjdatu img {
  1096. width:100%;
  1097. }
  1098. /*网站设计顶部大图结束*/
  1099. .wzsjxiangxia {
  1100. width:1020px;
  1101. margin:0px auto;
  1102. text-align:center;
  1103. padding:30px;
  1104. }
  1105. /*网站设计标题开始*/
  1106. .biaochibg {
  1107. background-image: url(../image/index_title.png);
  1108. background-repeat: no-repeat;
  1109. background-position: center center;
  1110. margin-top:40px;
  1111. margin-bottom:20px;
  1112. height: 106px;
  1113. text-align:center;
  1114. }
  1115. .biaochibg .title1, .title2, .title3 {
  1116. margin:0px auto;
  1117. line-height:65px;
  1118. }
  1119. .biaochibg .title1 {
  1120. width:212px;
  1121. }
  1122. .biaochibg .title1 h1 {
  1123. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1124. font-size:36px;
  1125. color:#333;
  1126. }
  1127. .biaochibg .title1 h1 a {
  1128. color:#34aadc;
  1129. }
  1130. .biaochibg .title1 h1 a:hover {
  1131. color:#333;
  1132. text-decoration:none;
  1133. }
  1134. .biaochibg .title1 h2 {
  1135. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1136. font-size:36px;
  1137. color:#34aadc;
  1138. }
  1139. .biaochibg .title1 h2 a {
  1140. color:#34aadc;
  1141. }
  1142. .biaochibg .title1 h2 a:hover {
  1143. color:#333;
  1144. text-decoration:none;
  1145. }
  1146. .biaochibg .en {
  1147. font-family:"Times New Roman", Times, serif;
  1148. font-size:16px;
  1149. color:#333;
  1150. }
  1151. .biaochibg .title2 {
  1152. width:318px;
  1153. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1154. font-size:36px;
  1155. color:#333;
  1156. }
  1157. .biaochibg .title2 a {
  1158. color:#333;
  1159. }
  1160. .biaochibg .title2 a:hover {
  1161. color:#34aadc;
  1162. text-decoration:none;
  1163. }
  1164. .biaochibg .title3 {
  1165. width:318px;
  1166. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1167. font-size:36px;
  1168. color:#333;
  1169. }
  1170. .biaochibg .title3 a {
  1171. color:#333;
  1172. }
  1173. .biaochibg .title3 a:hover {
  1174. color:#34aadc;
  1175. text-decoration:none;
  1176. }
  1177. /*网站设计标题结束*/
  1178. /*网站设计列表开始*/
  1179. .wzsjliebiao {
  1180. width:1020px;
  1181. margin:0px auto;
  1182. }
  1183. .wzsjliebiao .tt {
  1184. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1185. font-size:28px;
  1186. text-align:center;
  1187. margin-bottom:20px;
  1188. color:#333;
  1189. }
  1190. .wzsjliebiao .list {
  1191. width:245px;
  1192. height:239px;
  1193. float:left;
  1194. margin:0px 5px;
  1195. background:url(../image/xiewen.png) repeat;
  1196. }
  1197. .wzsjliebiao .list .fuhao {
  1198. background:url(../image/beijing.png) -2px -911px no-repeat;
  1199. width:64px;
  1200. height:64px;
  1201. text-align:center;
  1202. color:#fff;
  1203. font-family: Arial, Helvetica, sans-serif;
  1204. font-size:32px;
  1205. font-weight: bolder;
  1206. margin:15px auto;
  1207. line-height:64px;
  1208. }
  1209. .wzsjliebiao .list .fuhao:hover {
  1210. background:url(../image/beijing.png) -102px -911px no-repeat;
  1211. }
  1212. .wzsjliebiao .list .title {
  1213. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1214. font-size:18px;
  1215. font-weight:bold;
  1216. text-align:center;
  1217. margin-bottom:20px;
  1218. color:#333;
  1219. }
  1220. .wzsjliebiao .list .content {
  1221. float:left;
  1222. font-family:宋体;
  1223. font-size:12px;
  1224. margin:0px 30px;
  1225. line-height:180%;
  1226. color:000;
  1227. }
  1228. /*滑动门开始*/
  1229. .huadong {
  1230. width:1020px;
  1231. margin:0px auto;
  1232. padding-top:20px;
  1233. }
  1234. .huadong .imgbg {
  1235. background:url(../image/beijing.png) -100px -1001px no-repeat;
  1236. width:743px;
  1237. height:194px;
  1238. margin:auto;
  1239. }
  1240. .huadong .imgbg img {
  1241. width:450px;
  1242. height:194px;
  1243. padding-left:145px;
  1244. }
  1245. .huadong .title {
  1246. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1247. font-size:18px;
  1248. text-align:center;
  1249. height:60px;
  1250. line-height:60px;
  1251. color:#333;
  1252. }
  1253. .huadong .content {
  1254. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1255. font-size:14px;
  1256. line-height:180%;
  1257. padding-left:300px;
  1258. }
  1259. /*网站设计列表结束*/
  1260. /*设计流程开始*/
  1261. .liucheng {
  1262. width:1020px;
  1263. margin:0px auto;
  1264. text-align:center;
  1265. }
  1266. .liucheng .title {
  1267. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1268. font-size:36px;
  1269. font-weight:bold;
  1270. color:#333;
  1271. line-height:60px;
  1272. }
  1273. .liucheng .en {
  1274. font-family:"Times New Roman", Times, serif;
  1275. font-size:18px;
  1276. color:#333;
  1277. }
  1278. .liucheng .tu {
  1279. padding:20px;
  1280. }
  1281. .liucheng .tu img {
  1282. width:930px;
  1283. height:111px;
  1284. }
  1285. /*设计流程结束*/
  1286. /*配套产品开始*/
  1287. .peitao {
  1288. width:1020px;
  1289. margin:0px auto;
  1290. }
  1291. .peitao .list {
  1292. float:left;
  1293. padding-left:12px;
  1294. width:175px;
  1295. margin:0px 8px;
  1296. }
  1297. .peitao .list .title {
  1298. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1299. font-size:20px;
  1300. text-align:center;
  1301. }
  1302. .peitao .list .title a {
  1303. color:#333;
  1304. }
  1305. .peitao .list .title a:hover {
  1306. color:#34aadc;
  1307. text-decoration:none;
  1308. }
  1309. .peitao .list .content {
  1310. float:left;
  1311. font-size:12px;
  1312. line-height:180%;
  1313. padding-left:30px;
  1314. }
  1315. .peitao .list .tubiao1, .tubiao2, .tubiao3, .tubiao4, .tubiao5 {
  1316. width:110px;
  1317. height:110px;
  1318. margin:0 auto;
  1319. text-align:center;
  1320. margin:30px auto;
  1321. }
  1322. .peitao .list .tubiao1 {
  1323. background:url(../image/f_1.png) no-repeat;
  1324. }
  1325. .peitao .list .tubiao2 {
  1326. background:url(../image/f_2.png) no-repeat;
  1327. }
  1328. .peitao .list .tubiao3 {
  1329. background:url(../image/f_3.png) no-repeat;
  1330. }
  1331. .peitao .list .tubiao4 {
  1332. background:url(../image/f_4.png) no-repeat;
  1333. }
  1334. .peitao .list .tubiao5 {
  1335. background:url(../image/f_5.png) no-repeat;
  1336. }
  1337. .peitao .line {
  1338. float:left;
  1339. width:1px;
  1340. background:#ccc;
  1341. height:230px;
  1342. }
  1343. /*配套产品结束*/
  1344. /*网站设计频道结束*/
  1345. /*解决方案频道开始*/
  1346. /*解决方案顶部大图开始*/
  1347. .jjfadatu {
  1348. background:url(../image/top_bg2.png) repeat;
  1349. height:294px;
  1350. }
  1351. .jjfadatu .tu {
  1352. width:1020px;
  1353. height:294px;
  1354. margin:0px auto;
  1355. }
  1356. /*解决方案顶部大图结束*/
  1357. /*解决方案列表start*/
  1358. .jjfa {
  1359. width:1020px;
  1360. margin:0px auto;
  1361. }
  1362. .jjfa .list {
  1363. float:left;
  1364. width:338px;
  1365. margin-top:40px;
  1366. text-align:center;
  1367. }
  1368. .jjfa .list .title {
  1369. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1370. font-size:20px;
  1371. height:50px;
  1372. line-height:50px;
  1373. }
  1374. .jjfa .list .title a {
  1375. color:#333;
  1376. }
  1377. .jjfa .list .title a:hover {
  1378. color:#34aadc;
  1379. text-decoration:none;
  1380. }
  1381. .jjfa .list .tbj1, .tbj2, .tbj3, .tbj4, .tbj5, .tbj6 {
  1382. width:120px;
  1383. height:120px;
  1384. margin:0 auto;
  1385. -webkit-transition: -webkit-transform 1s ease-out;
  1386. -moz-transition: -moz-transform 1s ease-out;
  1387. -ms-transition: -ms-transform 1s ease-out;
  1388. -o-transition: -o-transform 1s ease-out;
  1389. transition: transform 1s ease-out;
  1390. }
  1391. .jjfa .list .tbj1:hover, .tbj2:hover, .tbj3:hover, .tbj4:hover, .tbj5:hover, .tbj6:hover {
  1392. width:120px;
  1393. height:120px;
  1394. margin:0 auto;
  1395. -webkit-transform: scale(1.1) rotate(360deg); /* safari and chrome */
  1396. -moz-transform:scale(1.1) rotate(360deg); /* firefox */
  1397. -o-transform:scale(1.1) rotate(360deg); /* opera */
  1398. -ms-transform:scale(1.1) rotate(360deg); /* ie9 */
  1399. transform:scale(1.1) rotate(360deg);
  1400. }
  1401. .jjfa .list .jieshao {
  1402. float:left;
  1403. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  1404. font-size:12px;
  1405. line-height:180%;
  1406. margin-left:50px;
  1407. text-align:left;
  1408. }
  1409. .jjfa .line {
  1410. float:left;
  1411. width:1px;
  1412. background:#ccc;
  1413. height:400px;
  1414. }
  1415. .jjfaxian {
  1416. background:#ccc;
  1417. height:1px;
  1418. margin:0px auto;
  1419. }
  1420. /*解决方案列表end*/
  1421. /*解决方案频道结束*/
  1422. /*案例展示频道开始*/
  1423. /*案例展示列表start*/
  1424. .anlipd {
  1425. background:url(../image/anli_bg.png) repeat;
  1426. }
  1427. /*案例展示标题start*/
  1428. .anlipd .anlipdtt {
  1429. height:176px;
  1430. text-align:center;
  1431. }
  1432. .anlipd .anlipdtt .xiangxia {
  1433. margin:0px auto;
  1434. padding-top:15px;
  1435. }
  1436. .anlipd .anlipdtt .title {
  1437. margin:0px auto;
  1438. width:245px;
  1439. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1440. font-size:36px;
  1441. font-weight: normal;
  1442. line-height:60px;
  1443. }
  1444. .anlipd .anlipdtt .title a {
  1445. color:#fff;
  1446. }
  1447. .anlipd .anlipdtt .title a:hover {
  1448. color:#ccc;
  1449. text-decoration:none;
  1450. }
  1451. .anlipd .anlipdtt .en {
  1452. font-family:"Times New Roman", Times, serif;
  1453. font-size:18px;
  1454. color:#CCC;
  1455. }
  1456. /*案例展示标题end*/
  1457. .anlipd .list {
  1458. width:1020px;
  1459. margin:0px auto;
  1460. height:100%;
  1461. }
  1462. .anlipd .list ul {
  1463. padding:20px 8px 0px 50px;
  1464. }
  1465. .anlipd .list ul li {
  1466. float:left;
  1467. text-align:center;
  1468. width:153px;
  1469. height:190px;
  1470. overflow:hidden;
  1471. background:#fff;
  1472. margin:20px 30px 10px 0px;
  1473. padding-top:15px;
  1474. }
  1475. .anlipd .list ul li:hover {
  1476. background:#f2f2f2;
  1477. }
  1478. .anlipd .list ul li .shuxing {
  1479. float:left;
  1480. width:100px;
  1481. text-align:left;
  1482. padding-left:15px;
  1483. }
  1484. .anlipd .list ul li img {
  1485. width:119px;
  1486. height:80px;
  1487. padding:2px;
  1488. border:#D4D4D4 1px solid;
  1489. margin-bottom:8px;
  1490. -webkit-transition:0.5s ease-out;
  1491. -moz-transition:0.5s ease-out;
  1492. -o-transition:0.5s ease-out;
  1493. -ms-transition:0.5s ease-out;
  1494. transition:0.5s ease-out;
  1495. }
  1496. .anlipd .list ul li img:hover {
  1497. border:#f2f2f2 1px solid;
  1498. -webkit-transform: scale(1.4); /* safari and chrome */
  1499. -moz-transform: scale(1.4); /* firefox */
  1500. -o-transform: scale(1.4); /* opera */
  1501. -ms-transform: scale(1.4); /* ie9 */
  1502. transform: scale(1.4);
  1503. }
  1504. .anlipd .list a {
  1505. }
  1506. .anlipd .list a:hover {
  1507. color:#34aadc;
  1508. text-decoration:none;
  1509. }
  1510. /*案例展示列表end*/
  1511. /*案例展示内容页开始*/
  1512. .anlinr {
  1513. background:url(../image/anli_bg.png) repeat;
  1514. }
  1515. .anlinr .anlinrtt {
  1516. height:176px;
  1517. text-align:center;
  1518. }
  1519. .anlinr .anlinrtt .xiangxia {
  1520. margin:0px auto;
  1521. padding-top:15px;
  1522. }
  1523. .anlinr .anlinrtt .title {
  1524. margin:0px auto;
  1525. width:960px;
  1526. }
  1527. .anlinr .anlinrtt .title h1 {
  1528. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1529. font-size:36px;
  1530. font-weight: normal;
  1531. line-height:60px;
  1532. color:#fff;
  1533. }
  1534. .anlinr .anlinrtt .info {
  1535. height:30px;
  1536. line-height:30px;
  1537. text-align:center;
  1538. color:#CCC;
  1539. }
  1540. .anlinr .anlinrtt .info a {
  1541. color:#CCC;
  1542. }
  1543. .anlinr .anlinrtt .info span {
  1544. padding:0px 5px;
  1545. }
  1546. .anlinr .anlinrtt .info span a {
  1547. color:#CCC;
  1548. }
  1549. .anlinr .jianjie {
  1550. width:1020px;
  1551. margin:0px auto;
  1552. background:#000;
  1553. }
  1554. .anlinr .jianjie .shuxing {
  1555. }
  1556. .anlinr .jianjie .shuxing .left {
  1557. float:left;
  1558. width:300px;
  1559. margin:15px 0px;
  1560. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1561. font-size:14px;
  1562. line-height:180%;
  1563. color:#ccc;
  1564. }
  1565. .anlinr .jianjie .shuxing .right {
  1566. float:right;
  1567. color:#ccc;
  1568. margin-top:20px;
  1569. }
  1570. .anlinr .jianjie .shuxing .right a {
  1571. color:#ccc;
  1572. }
  1573. .anlinr .jianjie .shuxing .right a:hover {
  1574. color:#34aadc;
  1575. text-decoration:none;
  1576. }
  1577. .anlinr .jianjie .jieshao {
  1578. float:left;
  1579. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1580. font-size:12px;
  1581. line-height:180%;
  1582. color:#ccc;
  1583. margin-bottom:20px;
  1584. }
  1585. .anlinr .neirong {
  1586. width:1020px;
  1587. margin:0px auto;
  1588. padding-bottom:30px;
  1589. }
  1590. .anlinr .neirong .articlecontent {
  1591. padding:15px;
  1592. height:100%;
  1593. overflow:hidden;
  1594. border:1px solid #dcdcdc;
  1595. background:#fdfdfd;
  1596. }
  1597. .anlinr .neirong .articlecontent h3 {
  1598. line-height:35px;
  1599. text-align:center;
  1600. font-size:22px;
  1601. color:#000;
  1602. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1603. }
  1604. .anlinr .neirong .articlecontent .newscontent {
  1605. font-size:12px;
  1606. line-height:180%;
  1607. }
  1608. .anlinr .neirong .articlecontent .Author {
  1609. text-align:right;
  1610. font-size:14px;
  1611. color:#000;
  1612. }
  1613. .anlinr .neirong .articlecontent .sharebox {
  1614. text-align:right;
  1615. height:26px;
  1616. line-height:30px;
  1617. background:#fdfdfd;
  1618. padding-top:7px;
  1619. }
  1620. .anlinr .neirong .articlecontent .moodbox {
  1621. }
  1622. .anlinr .neirong .articlecontent .articlekey {
  1623. line-height:25px;
  1624. }
  1625. .anlinr .neirong .articlecontent .articlekey a {
  1626. color:#ff0000;
  1627. }
  1628. .anlinr .neirong .articlecontent .articlekey a:hover {
  1629. color:red;
  1630. text-decoration:none;
  1631. }
  1632. .anlinr .neirong .articlecontent .articlebook {
  1633. }
  1634. .anlinr .neirong .articlecontent .articlebook h2 {
  1635. line-height:25px;
  1636. font-size:12px;
  1637. font-weight:normal;
  1638. }
  1639. .anlinr .neirong .articlecontent .articlebook h2 a:hover {
  1640. color:red;
  1641. text-decoration:none;
  1642. }
  1643. .anlinr .neirong .xgxw {
  1644. border-top:#dcdcdc 1px dashed;
  1645. }
  1646. .anlinr .neirong .xgxw .title {
  1647. height:35px;
  1648. line-height:35px;
  1649. font-size:14px;
  1650. color:#333;
  1651. font-weight:bold;
  1652. }
  1653. .anlinr .neirong .xgxw .xgnewsbox {
  1654. padding:8px;
  1655. }
  1656. .anlinr .neirong .xgxw .xgnewsbox ul {
  1657. }
  1658. .anlinr .neirong .xgxw .xgnewsbox li {
  1659. height:28px;
  1660. line-height:28px;
  1661. background:url(http://www.ifenguo.com/skin/images/artarrow.gif) no-repeat 0px 12px;
  1662. padding-left:10px;
  1663. }
  1664. .anlinr .neirong .xgxw .xgnewsbox a {
  1665. font-size:14px;
  1666. color:#000;
  1667. }
  1668. .anlinr .neirong .xgxw .xgnewsbox a:hover {
  1669. color:red;
  1670. text-decoration:none;
  1671. }
  1672. .anlinr .neirong .xgxw .xgnewsbox span {
  1673. padding-left:10px;
  1674. color:#999;
  1675. }
  1676. .anlinr .neirong .commentbox {
  1677. height:100%;
  1678. padding-bottom:10px;
  1679. overflow:hidden;
  1680. border:1px solid #dcdcdc;
  1681. background:#fdfdfd;
  1682. min-height:200px;
  1683. }
  1684. .anlinr .neirong .commentbox .title {
  1685. height:40px;
  1686. line-height:40px;
  1687. font-size:14px;
  1688. padding-left:15px;
  1689. font-weight:bold;
  1690. color:#333;
  1691. background:#f1f1f1;
  1692. }
  1693. .anlinr .neirong .commentbox .title h3 {
  1694. }
  1695. .anlinr .neirong .commentbox .comment {
  1696. padding:10px;
  1697. font-size:12px;
  1698. }
  1699. /*案例展示内容页结束*/
  1700. /*案例展示频道结束*/
  1701. /*关于我们频道开始*/
  1702. /*关于我们顶部大图开始*/
  1703. .gywmdatu {
  1704. background:#CBCBCB;
  1705. height:294px;
  1706. background:url(http://www.ifenguo.com/skin/images/datubg.png) repeat-x;
  1707. }
  1708. .gywmdatu .tu {
  1709. width:1020px;
  1710. height:294px;
  1711. margin:0px auto;
  1712. }
  1713. /*关于我们顶部大图结束*/
  1714. /*关于我们列表start*/
  1715. .gywmtt {
  1716. height:84px;
  1717. text-align:center;
  1718. }
  1719. .gywmtt .title1 {
  1720. margin:0px auto;
  1721. line-height:60px;
  1722. color:#34aadc;
  1723. width:212px;
  1724. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1725. font-size:36px;
  1726. }
  1727. .gywmtt .en {
  1728. font-family:"Times New Roman", Times, serif;
  1729. font-size:16px;
  1730. color:#333;
  1731. }
  1732. .gywm {
  1733. width:1020px;
  1734. margin:0px auto;
  1735. }
  1736. .gywm .chatu {
  1737. float:left;
  1738. margin: 20px 20px 20px 150px;
  1739. }
  1740. .gywm .jieshao {
  1741. float:left;
  1742. width:833px;
  1743. margin-left:60px;
  1744. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  1745. font-size:16px;
  1746. color:#333;
  1747. line-height:180%;
  1748. text-indent:2em;
  1749. }
  1750. .linian {
  1751. width:1020px;
  1752. margin:0px auto;
  1753. text-align:center;
  1754. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  1755. color:#333;
  1756. }
  1757. .linian .tt1 {
  1758. font-size:32px;
  1759. height:50px;
  1760. line-height:180%;
  1761. font-weight:bold;
  1762. }
  1763. .linian .tt2 {
  1764. font-size:18px;
  1765. height:40px;
  1766. line-height:180%;
  1767. }
  1768. .youshibg1 {
  1769. background:url(../image/xiewen.png) repeat;
  1770. height:125px;
  1771. margin-top:1px;
  1772. margin-bottom:1px;
  1773. }
  1774. .youshibg1 .content, .youshibg2 .content {
  1775. width:1020px;
  1776. margin:0px auto;
  1777. padding-top:28px;
  1778. padding-left:100px;
  1779. }
  1780. .youshibg1 .content .tbbg, .youshibg2 .content .tbbg {
  1781. float:left;
  1782. background:url(../image/beijing-2.png) -1px -336px no-repeat;
  1783. width:72px;
  1784. height:72px;line-height:72px;
  1785. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1786. font-size:40px;
  1787. font-weight:bold;
  1788. color:#ccc;
  1789. text-align:center;
  1790. }
  1791. .youshibg1 .content .tt, .youshibg2 .content .tt {
  1792. float:left;
  1793. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1794. font-size:30px;
  1795. font-weight:bold;
  1796. color:#333;
  1797. margin-left:15px;
  1798. margin-top:-13px;
  1799. }
  1800. .youshibg1 .content .tten, .youshibg2 .content .tten {
  1801. float:left;
  1802. font-family:"Times New Roman", Times, serif;
  1803. font-size:24px;
  1804. color:#333;
  1805. margin-left:15px;
  1806. margin-top:-5px;
  1807. }
  1808. .youshibg1 .content .jieshao, .youshibg2 .content .jieshao {
  1809. float:left;
  1810. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  1811. font-size:16px;
  1812. color:#333;
  1813. margin-left:85px;
  1814. margin-top:-35px;
  1815. }
  1816. .youshibg2 {
  1817. background:#DEDEDE;
  1818. border-top:1px solid #ccc;
  1819. height:125px;
  1820. }
  1821. /*关于我们列表end*/
  1822. /*关于我们频道结束*/
  1823. /*联系我们频道开始*/
  1824. .lxwm {
  1825. width:1020px;
  1826. margin:0px auto;
  1827. padding-top:40px;
  1828. }
  1829. .lxwm .left {
  1830. float:left;
  1831. width:400px;
  1832. padding-left:90px;
  1833. }
  1834. .lxwm .right {
  1835. float:left;
  1836. width:470px;
  1837. margin-left:20px;
  1838. margin-top:10px;
  1839. }
  1840. .lxwm .right .list {
  1841. float:left;
  1842. width:470px;
  1843. height:60px;
  1844. }
  1845. .lxwm .right .list .tubiao {
  1846. float:left;
  1847. width:55px;
  1848. }
  1849. .lxwm .right .list .hanzi {
  1850. float:left;
  1851. margin-left:12px;
  1852. width:75px;
  1853. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1854. font-size:22px;
  1855. color:#333;
  1856. font-weight:bold;
  1857. }
  1858. .lxwm .right .list .en {
  1859. float:left;
  1860. width:300px;
  1861. font-family:"Times New Roman", Times, serif;
  1862. font-size:24px;
  1863. color:#333;
  1864. }
  1865. .lxwm .right .list .en a {
  1866. color:#333;
  1867. }
  1868. .lxwm .right .list .en a:hover {
  1869. color:#34aadc;
  1870. text-decoration:none;
  1871. }
  1872. .lxwm .right .dizhi {
  1873. float:left;
  1874. width:470px;
  1875. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1876. font-size:20px;
  1877. color:#333;
  1878. line-height:180%;
  1879. padding-left:10px;
  1880. }
  1881. /*联系我们频道结束*/
  1882. /*share_start*/
  1883. #share {
  1884. position:fixed;
  1885. _position:absolute;
  1886. _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");
  1887. bottom:205px;
  1888. left:95%;
  1889. width:34px;
  1890. zoom:1;
  1891. }
  1892. #share a {
  1893. background-image:url(../image/share.png);
  1894. background-repeat:no-repeat;
  1895. display:block;
  1896. width:34px;
  1897. height:34px;
  1898. margin-bottom:2px;
  1899. overflow:hidden;
  1900. text-indent:-999px;
  1901. -webkit-transition: all 0.2s ease-in-out;
  1902. -moz-transition: all 0.2s ease-in-out;
  1903. -o-transition: all 0.2s ease-in-out;
  1904. -ms-transition: all 0.2s ease-in-out;
  1905. transition: all 0.2s ease-in-out;
  1906. }
  1907. #share a {
  1908. }
  1909. #share .sina {
  1910. background-position:0 0;
  1911. position:absolute;
  1912. bottom:36px;
  1913. }
  1914. #share a.sina:hover {
  1915. background-position:-34px 0;
  1916. }
  1917. #share .tencent {
  1918. background-position:0 -34px;
  1919. position:absolute;
  1920. bottom:0px;
  1921. }
  1922. #share a.tencent:hover {
  1923. background-position:-34px -34px;
  1924. }
  1925. #share a#totop {
  1926. background-position:0 -116px;
  1927. position:absolute;
  1928. bottom:72px;
  1929. cursor:pointer;
  1930. }
  1931. #share a#totop:hover {
  1932. background-position:-34px -116px;
  1933. }
  1934. /*share_end*/
  1935. /*新闻类栏目页开始*/
  1936. #lm {
  1937. width:1020px;
  1938. margin:0 auto;
  1939. overflow:hidden;
  1940. }
  1941. #lmleft {
  1942. float:left;
  1943. width:200px;
  1944. border:1px solid #DCDCDC;
  1945. }
  1946. #lmleft .title {
  1947. width:198px;
  1948. height:45px;
  1949. margin:auto;
  1950. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1951. font-size:24px;
  1952. font-weight:bold;
  1953. color:#333;
  1954. text-align:center;
  1955. padding-top:20px;
  1956. }
  1957. #lmleft .dh {
  1958. width:170px;
  1959. margin-left:15px;
  1960. }
  1961. #lmleft .dh ul {
  1962. width:120px;
  1963. }
  1964. #lmleft .dh ul li {
  1965. width:120px;
  1966. background:url(../image/beijing.png) -22px -439px no-repeat;
  1967. padding-left:50px;
  1968. height:30px;
  1969. line-height:30px;
  1970. border:1px dotted #ccc;
  1971. margin-top:15px;
  1972. }
  1973. #lmleft .dh ul li a {
  1974. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  1975. font-size:14px;
  1976. display:block;
  1977. }
  1978. #lmleft .dh ul li a hover {
  1979. border:1px dotted #34aadc;
  1980. }
  1981. #lmleft .dh ul li.curr {
  1982. width:120px;
  1983. background:url(../image/beijing.png) -22px -490px no-repeat;
  1984. display:block;
  1985. }
  1986. #lmleft .dh ul li.curr a {
  1987. color:#333;
  1988. font-weight:bold;
  1989. display:block;
  1990. }
  1991. #lmleft .dh ul li.curr a:hover {
  1992. color:#34aadc;
  1993. }
  1994. #lmleft .leftbg {
  1995. width:153px;
  1996. height:222px;
  1997. background:url(http://www.ifenguo.com/skin/images/nr-leftbg.jpg) no-repeat;
  1998. margin:0px auto;
  1999. }
  2000. #lmright {
  2001. float:right;
  2002. width:764px;
  2003. border:1px solid #DCDCDC;
  2004. }
  2005. #lmright .box {
  2006. width:720px;
  2007. margin:20px auto;
  2008. }
  2009. #lmright #fenye a.curr {
  2010. background:#a00;
  2011. border:1px solid #a00
  2012. }
  2013. #lmright .box .box01 {
  2014. }
  2015. #lmright .box .box02 {
  2016. margin-top:0px;
  2017. }
  2018. #lmright .box .box02 h1 {
  2019. font-size:22px;
  2020. font-weight:normal;
  2021. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  2022. height:47px;
  2023. line-height:35px;
  2024. border-bottom:1px solid #e5e5e5;
  2025. padding:0px 1px;
  2026. margin-bottom:15px;
  2027. }
  2028. #lmright .box .box02 h1 span {
  2029. float:right;
  2030. font-size:12px;
  2031. color:#aaa;
  2032. font-family:Arial
  2033. }
  2034. #lmright .box .box02 h1 span a {
  2035. color:#999;
  2036. padding:0px 5px
  2037. }
  2038. #lmright .box .box02 ul li.li01 .title a {
  2039. font-size:18px;
  2040. font-weight:bold;
  2041. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  2042. }
  2043. #lmright .box .box02 ul li.li01 .lct {
  2044. width:150px;
  2045. float:left;
  2046. margin-left:20px;
  2047. }
  2048. #lmright .box .box02 ul li.li01 .lct img {
  2049. width:180px;
  2050. height:125px
  2051. }
  2052. #lmright .box .box02 ul li.li01 .rct {
  2053. width:460px;
  2054. float:right;
  2055. margin-left:10px;
  2056. margin-right:10px;
  2057. }
  2058. #lmright .box .box02 ul li.li01 .rct .intro {
  2059. padding-top:10px;
  2060. line-height:22px;
  2061. color:#999;
  2062. text-indent:2em;
  2063. margin-right:10px;
  2064. }
  2065. #lmright .box .box02 ul li.li01 .rct .biaoqian span {
  2066. float:right;
  2067. height:30px;
  2068. line-height:30px;
  2069. color:#999;
  2070. background:url(../image/plnum.png) no-repeat 0 50%;
  2071. padding-left:18px;
  2072. color:#999
  2073. }
  2074. #lmright .box .box02 ul li {
  2075. padding:20px 1px;
  2076. border:1px dashed #ddd;
  2077. height:130px;
  2078. margin-bottom:15px;
  2079. }
  2080. #lmright .box .box02 ul li:hover {
  2081. background:#fafafa;
  2082. }
  2083. #lmright .box .box02 ul li.li02 .title a {
  2084. font-size:16px;
  2085. font-weight:normal;
  2086. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  2087. margin-left:15px;
  2088. }
  2089. #lmright .box .box02 ul li.li02 .intro {
  2090. padding:15px;
  2091. line-height:22px;
  2092. color:#999;
  2093. text-indent:2em
  2094. }
  2095. #lmright .box .box02 ul li.li02 .biaoqian span {
  2096. float:right;
  2097. color:#999;
  2098. background:url(../image/plnum.png) no-repeat 0 50%;
  2099. padding-left:18px;
  2100. color:#999;
  2101. margin-right:10px;
  2102. }
  2103. /*新闻类栏目页结束*/
  2104. /*新闻类内容页开始*/
  2105. #nr {
  2106. width:1020px;
  2107. margin:0 auto;
  2108. border:1px solid #DCDCDC;
  2109. overflow:hidden;
  2110. }
  2111. #nrleft {
  2112. float:left;
  2113. width:776px;
  2114. border-right:1px solid #DCDCDC;
  2115. }
  2116. #nrleft .box {
  2117. width:700px;
  2118. margin:20px auto;
  2119. }
  2120. #nrleft .box h1 {
  2121. font-size:24px;
  2122. text-align:center;
  2123. line-height:180%;
  2124. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  2125. font-weight:normal;
  2126. color:#333;
  2127. margin-top:10px
  2128. }
  2129. #nrleft .box .xian {
  2130. width:680px;
  2131. height:1px;
  2132. margin:0px auto;
  2133. background:#DCDCDC;
  2134. }
  2135. #nrleft .box .dp {
  2136. width:100%;
  2137. text-align:center;
  2138. line-height:30px;
  2139. color:#666;
  2140. font-family:"Courier New", Courier, monospace;
  2141. }
  2142. #nrleft .box .dp font {
  2143. font-size:12px;
  2144. color:#f00
  2145. }
  2146. #nrleft .box .dp span {
  2147. padding-left:10px
  2148. }
  2149. #nrleft .box .ct {
  2150. line-height:180%;
  2151. font-size:14px;
  2152. padding-top:15px;
  2153. color:#666
  2154. }
  2155. #nrleft .box .ct .ct_box img {
  2156. text-align:center;
  2157. margin:2px;
  2158. max-width:690px
  2159. }
  2160. #nrleft .box .commenttips {
  2161. width:555px;
  2162. border:1px solid #dee8ee;
  2163. border-top:0px;
  2164. border-right:1px solid #fff;
  2165. float:left;
  2166. padding-left:10px;
  2167. line-height:28px;
  2168. height:28px;
  2169. background:url(../image/13.gif) repeat-x;
  2170. font-size:12px;
  2171. color:#666
  2172. }
  2173. #nrright {
  2174. float:right;
  2175. width:200px;
  2176. }
  2177. #nrright .title {
  2178. width:198px;
  2179. height:45px;
  2180. margin:auto;
  2181. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  2182. font-size:24px;
  2183. font-weight:bold;
  2184. color:#333;
  2185. text-align:center;
  2186. padding-top:20px;
  2187. }
  2188. #nrright .dh {
  2189. width:170px;
  2190. margin-left:15px;
  2191. }
  2192. #nrright .dh ul {
  2193. width:120px;
  2194. }
  2195. #nrright .dh ul li {
  2196. width:120px;
  2197. padding-left:50px;
  2198. height:30px;
  2199. line-height:30px;
  2200. border:1px dotted #ccc;
  2201. margin-top:15px;
  2202. }
  2203. #nrright .dh ul li a {
  2204. font-family:"\5FAE\8F6F\96C5\9ED1", \9ED1\4F53;
  2205. font-size:14px;
  2206. display:block;
  2207. }
  2208. #nrright .dh ul li a hover {
  2209. border:1px dotted #34aadc;
  2210. }
  2211. #nrright .dh ul li.curr {
  2212. width:120px;
  2213. background:url(../image/beijing.png) -22px -490px no-repeat;
  2214. display:block;
  2215. }
  2216. #nrright .dh ul li.curr a {
  2217. color:#333;
  2218. font-weight:bold;
  2219. display:block;
  2220. }
  2221. #nrright .dh ul li.curr a:hover {
  2222. color:#34aadc;
  2223. }
  2224. #nrright .zuixin {
  2225. float:left;
  2226. width:190px;
  2227. }
  2228. #nrright .zuixin ul {
  2229. float:left;
  2230. width:190px;
  2231. padding-left:5px;
  2232. }
  2233. #nrright .zuixin ul li {
  2234. float:left;
  2235. margin-bottom:10px;
  2236. }
  2237. #nrright .zuixin ul li.li01 .lct {
  2238. float:left;
  2239. margin-top:10px;
  2240. }
  2241. #nrright .zuixin ul li.li01 .rct {
  2242. }
  2243. #nrright .zuixin ul li.li01 .rct .title a {
  2244. font-size:12px;
  2245. font-weight:bold;
  2246. color:#666;
  2247. }
  2248. #nrright .zuixin ul li.li01 .intro {
  2249. float:left;
  2250. width:180px;
  2251. line-height:150%;
  2252. color:#999;
  2253. }
  2254. #nrright .zuixin ul li.li01 .intro span {
  2255. float:right;
  2256. color:#999
  2257. }
  2258. #nrright .leftbg {
  2259. width:153px;
  2260. height:222px;
  2261. background:url(http://www.ifenguo.com/skin/images/nr-leftbg.jpg) no-repeat;
  2262. margin:0px auto;
  2263. }
  2264. /*新闻类内容页结束*/
  2265. /*酷站欣赏栏目页开始*/
  2266. .lmkuzhan {
  2267. width:1020px;
  2268. margin:0 auto;
  2269. border:1px solid #DCDCDC;
  2270. height:auto;
  2271. overflow:hidden;
  2272. }
  2273. .lmkuzhan .box {
  2274. width:1020px;
  2275. margin:auto;
  2276. }
  2277. .lmkuzhan .box h1 {
  2278. font-size:24px;
  2279. line-height:180%;
  2280. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  2281. font-weight:normal;
  2282. color:#333;
  2283. margin:20px;
  2284. }
  2285. .lmkuzhan .box ul {
  2286. width:960px;
  2287. margin:0px 20px;
  2288. }
  2289. .lmkuzhan .box ul li {
  2290. float:left;
  2291. width:220px;
  2292. height:250px;
  2293. margin-right:20px;
  2294. background:#E9E9E9;
  2295. margin-bottom:20px;
  2296. text-align:center;
  2297. }
  2298. .lmkuzhan .box ul li:hover {
  2299. background:#E1E1E1;
  2300. }
  2301. .lmkuzhan .box ul li img {
  2302. width:220px;
  2303. height:152px;
  2304. }
  2305. .lmkuzhan .box ul li .mingcheng {
  2306. float:left;
  2307. width:220px;
  2308. margin:2px 0px;
  2309. text-align:center;
  2310. }
  2311. .lmkuzhan .box ul li .hit {
  2312. float:left;
  2313. width:220px;
  2314. margin:3px 0px;
  2315. }
  2316. .lmkuzhan .box ul li .jietu {
  2317. float:left;
  2318. width:120px;
  2319. height:23px;
  2320. margin-left:40px;
  2321. background:#333;
  2322. text-align:center;
  2323. }
  2324. .lmkuzhan .box ul li .jietu a {
  2325. color:#CCCCCC;
  2326. }
  2327. .lmkuzhan .box ul li .jietu a:hover {
  2328. color:#fff;
  2329. }
  2330. /*酷站欣赏栏目页结束*/
  2331. /*酷站欣赏内容页开始*/
  2332. .nrkuzhan {
  2333. width:1020px;
  2334. margin:0 auto;
  2335. border:1px solid #DCDCDC;
  2336. height:auto;
  2337. overflow:hidden;
  2338. }
  2339. .nrkuzhan .box {
  2340. width:1020px;
  2341. margin:auto;
  2342. }
  2343. .nrkuzhan .box h1 {
  2344. font-size:28px;
  2345. text-align:center;
  2346. line-height:180%;
  2347. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  2348. font-weight:bold;
  2349. color:#333;
  2350. margin-top:10px
  2351. }
  2352. .nrkuzhan .box .xian {
  2353. width:950px;
  2354. height:1px;
  2355. margin:0px auto;
  2356. background:#ccc;
  2357. }
  2358. .nrkuzhan .box .dp {
  2359. width:100%;
  2360. text-align:center;
  2361. line-height:30px;
  2362. color:#666;
  2363. font-family:"Courier New", Courier, monospace;
  2364. }
  2365. .nrkuzhan .box .dp font {
  2366. font-size:12px;
  2367. color:#f00
  2368. }
  2369. .nrkuzhan .box .dp span {
  2370. padding-left:10px
  2371. }
  2372. .nrkuzhan .box .fangwen {
  2373. width:152px;
  2374. height:34px;
  2375. border:1px solid #333;
  2376. margin:20px auto;
  2377. text-align:center;
  2378. }
  2379. .nrkuzhan .box .fangwen a {
  2380. display:block;
  2381. font-size:20px;
  2382. line-height:34px;
  2383. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  2384. font-weight:bold;
  2385. color:#333;
  2386. }
  2387. .nrkuzhan .box .fangwen a:hover {
  2388. display:block;
  2389. width:152px;
  2390. height:34px;
  2391. line-height:34px;
  2392. background:#333;
  2393. color:#ccc;
  2394. }
  2395. .nrkuzhan .box .jianjie {
  2396. width:920px;
  2397. margin:auto;
  2398. border:1px dashed #ccc;
  2399. padding:15px;
  2400. font-family:"\5FAE\8F6F\96C5\9ED1", 宋体;
  2401. font-size:14px;
  2402. }
  2403. .nrkuzhan .box .ct {
  2404. line-height:180%;
  2405. font-size:14px;
  2406. color:#666
  2407. }
  2408. .nrkuzhan .box .ct .ct_box img {
  2409. text-align:center;
  2410. margin:2px;
  2411. }
  2412. .nrkuzhan .box .ct .ct_box .qita {
  2413. float:left;
  2414. margin-left:30px;
  2415. }
  2416. .nrkuzhan .box .ct .ct_box .pk {
  2417. float:left;
  2418. width:900px;
  2419. margin-left:180px;
  2420. }
  2421. .nrkuzhan .box .commenttips {
  2422. width:555px;
  2423. border:1px solid #dee8ee;
  2424. border-top:0px;
  2425. border-right:1px solid #fff;
  2426. float:left;
  2427. padding-left:10px;
  2428. line-height:28px;
  2429. height:28px;
  2430. background:url(../image/13.gif) repeat-x;
  2431. font-size:12px;
  2432. color:#666
  2433. }
  2434. .nrkuzhan .box .pllist {
  2435. float:left;
  2436. width:900px;
  2437. margin-left:370px;
  2438. }
  2439. .nrkuzhan .box .ct_pl {
  2440. float:left;
  2441. width:900px;
  2442. margin-left:370px;
  2443. }
  2444. /*酷站欣赏内容页结束*/
  2445. /*通用评论*/
  2446. .ct_pl {
  2447. width:685px;
  2448. margin-top:20px;
  2449. padding-top:15px;
  2450. font-size:12px;
  2451. margin-left:50px;
  2452. overflow:hidden;
  2453. color:#666;
  2454. }
  2455. .ct_pl span.rightcmtnum a {
  2456. color:#666;
  2457. background:url(../image/plnum.png) no-repeat 0 50%;
  2458. padding-left:17px
  2459. }
  2460. .ct_pl h4 {
  2461. background:url(../image/10.gif) no-repeat;
  2462. padding-left:20px;
  2463. height:25px
  2464. }
  2465. .ct_pl .username {
  2466. width:130px;
  2467. border:1px solid #dee8ee;
  2468. border-top:1px solid #cad4d9;
  2469. border-left:1px solid #cad4d9;
  2470. background:#fff url(../image/11.gif) repeat-x;
  2471. height:19px;
  2472. line-height:19px;
  2473. }
  2474. .ct_pl .password {
  2475. border:1px solid #ccc;
  2476. border-top:1px solid #ccc;
  2477. border-left:1px solid #cad4d9;
  2478. background:#fff url(../image/11.gif) repeat-x;
  2479. height:19px;
  2480. line-height:19px;
  2481. width:130px;
  2482. }
  2483. .ct_pl textarea {
  2484. color:#999;
  2485. background:#fff url(../image/11.gif) repeat-x;
  2486. font-size:12px;
  2487. padding:8px 5px;
  2488. border:1px solid #ccc;
  2489. border-top:1px solid #cad4d9;
  2490. border-left:1px solid #cad4d9;
  2491. margin-top:10px;
  2492. height:80px;
  2493. float:left;
  2494. }
  2495. .ct_pl #SubmitComment {
  2496. background:url(../image/13.gif) repeat-x;
  2497. line-height:29px;
  2498. width:98px;
  2499. height:29px;
  2500. font-size:12px;
  2501. color:#666;
  2502. float:left;
  2503. border:1px solid #ccc;
  2504. border-top:0px;
  2505. cursor:pointer
  2506. }
  2507. .ct_pl .commenttips {
  2508. width:573px;
  2509. border:1px solid #ccc;
  2510. border-top:0px;
  2511. border-right:1px solid #fff;
  2512. float:left;
  2513. padding-left:10px;
  2514. line-height:28px;
  2515. height:28px;
  2516. background:url(../image/13.gif) repeat-x;
  2517. font-size:12px;
  2518. color:#666
  2519. }
  2520. .ct_pl2 {
  2521. width:685px;
  2522. margin-top:20px;
  2523. padding-top:15px;
  2524. font-size:12px;
  2525. margin-left:150px;
  2526. overflow:hidden;
  2527. color:#666;
  2528. }
  2529. .ct_pl2 span.rightcmtnum a {
  2530. color:#666;
  2531. background:url(../image/plnum.png) no-repeat 0 50%;
  2532. padding-left:17px
  2533. }
  2534. .ct_pl2 h4 {
  2535. background:url(../image/10.gif) no-repeat;
  2536. padding-left:20px;
  2537. height:25px
  2538. }
  2539. .ct_pl2 .username {
  2540. width:130px;
  2541. border:1px solid #dee8ee;
  2542. border-top:1px solid #cad4d9;
  2543. border-left:1px solid #cad4d9;
  2544. background:#fff url(../image/11.gif) repeat-x;
  2545. height:19px;
  2546. line-height:19px;
  2547. }
  2548. .ct_pl2 .password {
  2549. border:1px solid #ccc;
  2550. border-top:1px solid #ccc;
  2551. border-left:1px solid #cad4d9;
  2552. background:#fff url(../image/11.gif) repeat-x;
  2553. height:19px;
  2554. line-height:19px;
  2555. width:130px;
  2556. }
  2557. .ct_pl2 textarea {
  2558. color:#999;
  2559. background:#fff url(../image/11.gif) repeat-x;
  2560. font-size:12px;
  2561. padding:8px 5px;
  2562. border:1px solid #ccc;
  2563. border-top:1px solid #cad4d9;
  2564. border-left:1px solid #cad4d9;
  2565. margin-top:10px;
  2566. height:80px;
  2567. float:left;
  2568. }
  2569. .ct_pl2 #SubmitComment {
  2570. background:url(../image/13.gif) repeat-x;
  2571. line-height:29px;
  2572. width:98px;
  2573. height:29px;
  2574. font-size:12px;
  2575. color:#666;
  2576. float:left;
  2577. border:1px solid #ccc;
  2578. border-top:0px;
  2579. cursor:pointer
  2580. }
  2581. .ct_pl2 .commenttips {
  2582. width:573px;
  2583. border:1px solid #ccc;
  2584. border-top:0px;
  2585. border-right:1px solid #fff;
  2586. float:left;
  2587. padding-left:10px;
  2588. line-height:28px;
  2589. height:28px;
  2590. background:url(../image/13.gif) repeat-x;
  2591. font-size:12px;
  2592. color:#666
  2593. }
  2594. .ct_mood {
  2595. padding:10px;
  2596. border-top:1px solid #ddd;
  2597. }
  2598. .pllist {
  2599. color:#666;
  2600. }
  2601. .pllist table tr td {
  2602. padding:12px 0px;
  2603. position:relative;
  2604. line-height:20px;
  2605. color:#999
  2606. }
  2607. .pllist table tr td .content {
  2608. padding-top:5px;
  2609. line-height:19px;
  2610. color:#666;
  2611. font-size:12px;
  2612. }
  2613. .pllist table tr td img.userface {
  2614. width:67px;
  2615. height:67px;
  2616. margin-right:12px;
  2617. margin-top:3px
  2618. }
  2619. .pllist table tr td .userbox {
  2620. width:67px;
  2621. height:67px;
  2622. background:url(../image/userbox.png) no-repeat;
  2623. margin-top:3px;
  2624. position:absolute;
  2625. }
  2626. .ct_mood2 {
  2627. padding:10px;
  2628. border-top:1px solid #ddd;
  2629. }
  2630. .pllist2 {
  2631. color:#333;
  2632. width:940px;
  2633. margin-left:20px;
  2634. }
  2635. .pllist2 table tr td {
  2636. padding:12px 0px;
  2637. position:relative;
  2638. line-height:20px;
  2639. color:#999
  2640. }
  2641. .pllist2 table tr td .content {
  2642. padding-top:5px;
  2643. line-height:19px;
  2644. color:#666;
  2645. font-size:12px;
  2646. }
  2647. .pllist2 table tr td img.userface {
  2648. width:67px;
  2649. height:67px;
  2650. margin-right:12px;
  2651. margin-top:3px
  2652. }
  2653. .pllist2 table tr td .userbox {
  2654. width:67px;
  2655. height:67px;
  2656. background:url(../image/userbox.png) no-repeat;
  2657. margin-top:3px;
  2658. position:absolute;
  2659. }
  2660. /*digg排行*/
  2661. .digg {
  2662. width:1020px;
  2663. margin:0 auto;
  2664. margin-top:10px
  2665. }
  2666. .digg .digg_l {
  2667. width:280px;
  2668. float:left;
  2669. background:#e7f5fe;
  2670. }
  2671. .digg .digg_l .left01 {
  2672. padding:10px 15px 0px 15px;
  2673. height:253px;
  2674. overflow:hidden
  2675. }
  2676. .digg .digg_l .left01 h4 {
  2677. font-size:16px;
  2678. height:40px;
  2679. line-height:40px;
  2680. font-family:"\5FAE\8F6F\96C5\9ED1";
  2681. color:#333
  2682. }
  2683. .digg .digg_l .left01 ul {
  2684. padding-top:10px;
  2685. }
  2686. .digg .digg_l .left01 ul li.li01 {
  2687. height:87px;
  2688. overflow:hidden
  2689. }
  2690. .digg .digg_l .left01 ul li.li01 a.title {
  2691. font-size:14px;
  2692. font-weight:bold;
  2693. display:block;
  2694. height:26px;
  2695. }
  2696. .digg .digg_l .left01 ul li.li01 img {
  2697. width:55px;
  2698. height:45px;
  2699. margin-top:3px;
  2700. }
  2701. .digg .digg_l .left01 ul li.li01 .r_ct {
  2702. width:185px;
  2703. float:right;
  2704. color:#999;
  2705. padding-top:5px;
  2706. line-height:20px;
  2707. }
  2708. .digg .digg_l .left01 ul li.li02 {
  2709. height:28px;
  2710. line-height:26px;
  2711. padding-left:2px
  2712. }
  2713. .digg .digg_l .left01 ul li.li02 a {
  2714. color:#494949;
  2715. }
  2716. .digg .digg_l .left01 ul li.li02 a:hover {
  2717. color:#a00
  2718. }
  2719. .digg .digg_l .left02 {
  2720. background:#e7f5fe;
  2721. }
  2722. .digg .digg_l .left02 h4 {
  2723. font-size:16px;
  2724. height:40px;
  2725. padding-left:15px;
  2726. line-height:40px;
  2727. font-family:"\5FAE\8F6F\96C5\9ED1";
  2728. color:#333
  2729. }
  2730. .digg .digg_l .left02 ul {
  2731. padding:0px 15px
  2732. }
  2733. .digg .digg_l .left02 ul li {
  2734. height:38px;
  2735. line-height:38px;
  2736. border-bottom:1px dashed #cbdbe4
  2737. }
  2738. .digg .digg_l .left02 ul li a {
  2739. font-size:12px;
  2740. width:200px;
  2741. height:38px;
  2742. overflow:hidden;
  2743. float:left
  2744. }
  2745. .digg .digg_l .left02 ul li span {
  2746. float:right;
  2747. color:#999;
  2748. font-size:11px;
  2749. }
  2750. .digg .digg_l .left02 ul li em {
  2751. width:14px;
  2752. height:14px;
  2753. font-size:11px;
  2754. float:left;
  2755. background:#aaa;
  2756. line-height:14px;
  2757. margin:12px 8px 0px 2px;
  2758. color:#fff;
  2759. text-align:center;
  2760. font-style:normal;
  2761. }
  2762. .digg .digg_l .left02 ul li em.em01 {
  2763. background:#b80000
  2764. }
  2765. .digg .digg_l .left03 {
  2766. background:#e7f5fe;
  2767. padding-bottom:5px
  2768. }
  2769. .digg .digg_l .left03 h4 {
  2770. font-size:16px;
  2771. height:40px;
  2772. padding-left:15px;
  2773. line-height:40px;
  2774. font-family:"\5FAE\8F6F\96C5\9ED1";
  2775. color:#333
  2776. }
  2777. .digg .digg_l .left03 ul li {
  2778. width:105px;
  2779. float:left;
  2780. height:26px;
  2781. line-height:26px;
  2782. font-size:14px;
  2783. padding-left:15px;
  2784. }
  2785. .digg .digg_l .left03 ul li a {
  2786. color:#555;
  2787. text-decoration:underline
  2788. }
  2789. .digg .digg_l .left03 ul li.curr a {
  2790. color:#0275ce;
  2791. }
  2792. .digg .digg_r {
  2793. width:685px;
  2794. float:right
  2795. }
  2796. .digg .digg_r h4 {
  2797. height:35px;
  2798. line-height:35px;
  2799. padding-left:10px;
  2800. font-size:16px;
  2801. color:#333;
  2802. font-family:"\5FAE\8F6F\96C5\9ED1";
  2803. }
  2804. .digg .digg_r .tit {
  2805. height:35px;
  2806. border-bottom:2px solid #ddd;
  2807. line-height:35px;
  2808. margin:10px 0px 20px 0px
  2809. }
  2810. .digg .digg_r .tit a {
  2811. float:left;
  2812. padding:0px 10px;
  2813. margin-right:20px;
  2814. color:#333;
  2815. font-family:"\5FAE\8F6F\96C5\9ED1";
  2816. font-size:16px;
  2817. }
  2818. .digg .digg_r .tit a.curr {
  2819. background:#fff;
  2820. font-weight:bold;
  2821. color:#333;
  2822. border-bottom:2px solid #0087e4;
  2823. color:#0087e4;
  2824. }
  2825. .digg .digg_r ul {
  2826. line-height:22px;
  2827. color:#666
  2828. }
  2829. .digg .digg_r ul a.link {
  2830. font-size:15px;
  2831. font-family:"\5FAE\8F6F\96C5\9ED1";
  2832. font-weight:bold;
  2833. color:#027ed3
  2834. }
  2835. .digg .digg_r ul a {
  2836. color:#027ed3
  2837. }
  2838. .digg .digg_r table tr td {
  2839. padding:5px 0px
  2840. }
  2841. /*digg排行结束*/
  2842. /*评论页*/
  2843. .digg .plbox {
  2844. width:1020px;
  2845. float:left
  2846. }
  2847. .digg .plbox h4 {
  2848. line-height:60px;
  2849. height:40px;
  2850. padding-left:20px;
  2851. font-size:16px;
  2852. font-family:"\5FAE\8F6F\96C5\9ED1";
  2853. }
  2854. .digg .plbox .box01 {
  2855. width:960px;
  2856. border-top:1px solid #ddd;
  2857. margin-top:20px;
  2858. padding-top:15px;
  2859. padding-left:10px;
  2860. overflow:hidden
  2861. }
  2862. .digg .plbox .box01 a {
  2863. color:#333;
  2864. font-weight:bold;
  2865. }
  2866. .digg .plbox .box01 h4 {
  2867. background:url(../image/10.gif) no-repeat;
  2868. padding-left:20px;
  2869. height:25px
  2870. }
  2871. .digg .plbox .box01 .textbox {
  2872. border:1px solid #ddd;
  2873. border-top:1px solid #C1C0C0;
  2874. border-left:1px solid #C1C0C0
  2875. }
  2876. .digg .plbox .box01 textarea {
  2877. color:#666;
  2878. background:#fff url(../image/11.gif) repeat-x;
  2879. font-size:12px;
  2880. padding:5px;
  2881. border:1px solid #ddd;
  2882. border-top:1px solid #ccc;
  2883. border-left:1px solid #ccc;
  2884. margin-top:10px;
  2885. height:80px;
  2886. float:left;
  2887. }
  2888. .digg .plbox .box01 #SubmitComment {
  2889. background:url(../image/13.gif) repeat-x;
  2890. line-height:30px;
  2891. width:98px;
  2892. height:30px;
  2893. font-size:12px;
  2894. border:0px;
  2895. margin-top:0px;
  2896. *+margin-top:-30px;
  2897. _margin-top:-30px;
  2898. color:#666;
  2899. float:right;
  2900. border-left:1px solid #ddd;
  2901. }
  2902. .digg .plbox .box01 .commenttips {
  2903. width:645px;
  2904. border:1px solid #ddd;
  2905. border-top:0px;
  2906. float:left;
  2907. padding-left:10px;
  2908. line-height:30px;
  2909. height:30px;
  2910. background:url(http://www.ifenguo.com/skin/images/12.gif) repeat-x;
  2911. font-size:12px;
  2912. color:#666
  2913. }
  2914. .digg .plbox .box02 {
  2915. padding:20px 15px;
  2916. color:#666;
  2917. line-height:180%;
  2918. }
  2919. .digg .plbox .box02 tr td {
  2920. padding:5px 0px
  2921. }
  2922. /*评论页结束*/
  2923. .subject {
  2924. width:1020px;
  2925. margin:0 auto;
  2926. font-family:"\5FAE\8F6F\96C5\9ED1";
  2927. }
  2928. .subject .subject_l {
  2929. width:222px;
  2930. float:left;
  2931. }
  2932. .subject .subject_l .l_one {
  2933. border:1px solid #bad7fa
  2934. }
  2935. .subject .subject_l .l_one h4 {
  2936. height:32px;
  2937. line-height:32px;
  2938. background:#e1eeff;
  2939. font-size:15px;
  2940. color:#023779;
  2941. padding-left:15px
  2942. }
  2943. .subject .subject_l .l_one ul li {
  2944. height:32px;
  2945. line-height:32px;
  2946. background:#fff;
  2947. color:#fff;
  2948. padding-left:15px;
  2949. font-size:14px;
  2950. border-top:1px solid #bad7fa
  2951. }
  2952. .subject .subject_l .l_one ul li a {
  2953. color:#555;
  2954. }
  2955. .subject .subject_l .l_one ul li a:hover {
  2956. color:#2163b5;
  2957. text-decoration:none
  2958. }
  2959. .subject .subject_l .l_one ul li.curr {
  2960. background:url(../image/zttit09.png) no-repeat -1px 0px;
  2961. width:252px;
  2962. font-weight:bold;
  2963. position:relative;
  2964. border-top:0px
  2965. }
  2966. .subject .subject_l .l_two {
  2967. border:1px solid #bad7fa;
  2968. margin-top:10px;
  2969. background:#fff
  2970. }
  2971. .subject .subject_l .l_two h4 {
  2972. height:32px;
  2973. line-height:32px;
  2974. background:#e1eeff;
  2975. font-size:15px;
  2976. color:#023779;
  2977. padding-left:15px;
  2978. border-bottom:1px solid #bad7fa
  2979. }
  2980. .subject .subject_l .l_two ul {
  2981. padding:10px 13px;
  2982. }
  2983. .subject .subject_l .l_two ul li {
  2984. height:24px;
  2985. line-height:24px;
  2986. }
  2987. .subject .subject_l .l_two ul li span {
  2988. width:16px;
  2989. height:16px;
  2990. line-height:16px;
  2991. margin:5px 10px 0px 0px;
  2992. float:left;
  2993. background:#f5f5f5;
  2994. text-align:center;
  2995. color:#333;
  2996. border:1px solid #ddd;
  2997. }
  2998. .subject .subject_l .l_two ul li span.one {
  2999. background:#e8d36f;
  3000. color:#c00;
  3001. border:1px solid #de9b25
  3002. }
  3003. .subject .subject_l .l_two ul li a {
  3004. color:#555
  3005. }
  3006. .subject .subject_l .l_two ul li a:hover {
  3007. color:#2163b5;
  3008. text-decoration:none
  3009. }
  3010. .subject .subject_r {
  3011. width:747px;
  3012. float:right;
  3013. border:1px solid #bad7fa;
  3014. background:#fff
  3015. }
  3016. .subject .subject_r h4 {
  3017. height:32px;
  3018. line-height:32px;
  3019. background:#e1eeff;
  3020. font-size:15px;
  3021. color:#023779;
  3022. padding-left:15px;
  3023. border-bottom:1px solid #bad7fa
  3024. }
  3025. .subject .subject_r ul {
  3026. padding:15px;
  3027. height:100%
  3028. }
  3029. .subject .subject_r ul li {
  3030. padding:20px 15px;
  3031. border-bottom:1px dashed #ddd;
  3032. height:70px
  3033. }
  3034. .subject .subject_r ul li img {
  3035. width:105px;
  3036. height:70px
  3037. }
  3038. .subject .subject_r ul li .r_ct {
  3039. width:565px;
  3040. float:right
  3041. }
  3042. .subject .subject_r ul li .r_ct a.title {
  3043. font-size:17px;
  3044. color:#2163b5;
  3045. display:block;
  3046. height:27px;
  3047. font-weight:bold
  3048. }
  3049. .subject .subject_r ul li .r_ct .intro {
  3050. line-height:20px;
  3051. color:#666;
  3052. }
  3053. .subject .subject_r ul li .r_ct .intro a {
  3054. color:#c00
  3055. }
  3056. .subject .subject_r ul li:hover {
  3057. background:#ecf4fe
  3058. }
  3059. /*新闻专题页开始*/
  3060. /*专题内容页*/
  3061. .zt_head {
  3062. height:34px;
  3063. background:#fff;
  3064. line-height:32px;
  3065. color:#666;
  3066. font-family:"\5FAE\8F6F\96C5\9ED1";
  3067. border-top:2px solid #2163b5
  3068. }
  3069. .zt_head ul {
  3070. width:1020px;
  3071. margin:0 auto;
  3072. position:relative;
  3073. margin-top:-2px
  3074. }
  3075. .zt_head ul li {
  3076. float:left;
  3077. }
  3078. .zt_head ul li.li01 {
  3079. border-top:2px solid #2163b5;
  3080. background:url(../image/zttit07.png) no-repeat 0 7px;
  3081. padding-left:16px;
  3082. }
  3083. .zt_head ul li.li02 {
  3084. border-top:2px solid #e7dd35
  3085. }
  3086. .zt_head ul li.li03 {
  3087. border-top:2px solid #2fd397
  3088. }
  3089. .zt_head ul li.li04 {
  3090. border-top:2px solid #e73589
  3091. }
  3092. .zt_head ul li a {
  3093. font-size:12px;
  3094. color:#666;
  3095. padding:0px 8px;
  3096. }
  3097. .zt_head ul .r #nologin {
  3098. margin-top:2px;
  3099. }
  3100. .zt_head ul .r {
  3101. color:#666;
  3102. font-size:12px;
  3103. }
  3104. .zt_head ul .r input {
  3105. border:1px solid #e5e5e5;
  3106. height:17px;
  3107. background:#fff url(../image/b_g.gif) repeat-x 0px -3px;
  3108. color:#666;
  3109. font-family:"\5FAE\8F6F\96C5\9ED1";
  3110. margin:0px 10px 0px 8px;
  3111. margin-right:5px;
  3112. font-size:12px;
  3113. border-top:1px solid #ccc;
  3114. }
  3115. .zt_head ul .r .loginbtn {
  3116. background:none;
  3117. color:#666;
  3118. border:0px solid #ccc;
  3119. font-size:12px;
  3120. text-decoration:underline;
  3121. width:30px;
  3122. text-align:center;
  3123. height:18px;
  3124. margin-left:-10px;
  3125. font-family:"\5FAE\8F6F\96C5\9ED1";
  3126. font-weight:bold
  3127. }
  3128. .zt_head ul .r #nologin {
  3129. line-height:30px;
  3130. }
  3131. .zt_head ul .r span {
  3132. font-weight:bold
  3133. }
  3134. .zt_head ul .r .username {
  3135. padding-left:5px;
  3136. width:105px;
  3137. }
  3138. .zt_head ul .r .password {
  3139. padding-left:5px;
  3140. width:85px;
  3141. }
  3142. .zt_head ul .r a {
  3143. padding:0px 2px;
  3144. color:#666
  3145. }
  3146. .zt_main {
  3147. width:1020px;
  3148. margin:0 auto;
  3149. margin-top:15px;
  3150. height:368px;
  3151. overflow:hidden
  3152. }
  3153. .zt_main .left {
  3154. width:468px;
  3155. float:left;
  3156. height:364px;
  3157. overflow:hidden
  3158. }
  3159. .zt_main .right {
  3160. width:500px;
  3161. float:right;
  3162. line-height:20px;
  3163. color:#666;
  3164. }
  3165. .zt_main .right ul li {
  3166. margin-bottom:10px;
  3167. height:115px;
  3168. background:#f5f5f5
  3169. }
  3170. .zt_main .right ul li .libox {
  3171. padding:12px 15px;
  3172. }
  3173. .zt_main .right ul li .title {
  3174. font-size:17px;
  3175. color:#2163b5;
  3176. display:block;
  3177. height:27px;
  3178. font-weight:bold
  3179. }
  3180. .zt_main .right ul li a {
  3181. color:#c00
  3182. }
  3183. .zt_main .right ul li .recommend {
  3184. width:90px;
  3185. height:91px;
  3186. background:url(../image/recommend.png) no-repeat;
  3187. position:absolute;
  3188. margin:-5px 0px 0px 415px;
  3189. }
  3190. .zt_maintwo {
  3191. width:950px;
  3192. margin:0 auto;
  3193. margin-top:15px;
  3194. background:#f5f5f5;
  3195. padding:15px;
  3196. line-height:22px;
  3197. color:#666;
  3198. font-size:13px;
  3199. height:78px
  3200. }
  3201. .zt_maintwo .tit {
  3202. width:80px;
  3203. float:left;
  3204. height:50px;
  3205. }
  3206. .zt_maintwo .tit h4 {
  3207. height:38px;
  3208. line-height:38px;
  3209. font-size:21px;
  3210. color:#fff;
  3211. background:#aaa;
  3212. float:left;
  3213. padding:0px 10px
  3214. }
  3215. .zt_maintwo .tit span {
  3216. height:38px;
  3217. line-height:38px;
  3218. font-size:21px;
  3219. color:#fff;
  3220. float:left;
  3221. padding:0px 10px;
  3222. font-weight:bold;
  3223. background:#2163b5
  3224. }
  3225. .zt_mainthree {
  3226. width:1020px;
  3227. margin:0 auto;
  3228. margin-top:15px;
  3229. background:#f5f5f5;
  3230. }
  3231. .zt_mainthree .tit {
  3232. height:38px;
  3233. padding:15px 0px 0px 15px
  3234. }
  3235. .zt_mainthree .tit h4 {
  3236. height:38px;
  3237. line-height:38px;
  3238. font-size:21px;
  3239. color:#fff;
  3240. background:#aaa;
  3241. float:left;
  3242. padding:0px 10px
  3243. }
  3244. .zt_mainthree .tit span {
  3245. height:38px;
  3246. line-height:38px;
  3247. font-size:21px;
  3248. color:#fff;
  3249. float:left;
  3250. padding:0px 10px;
  3251. font-weight:bold;
  3252. background:#2163b5
  3253. }
  3254. .zt_mainthree ul li {
  3255. margin:15px;
  3256. padding:20px 15px;
  3257. border-bottom:1px dashed #ddd;
  3258. height:70px
  3259. }
  3260. .zt_mainthree ul li img {
  3261. width:70px;
  3262. height:60px
  3263. }
  3264. .zt_mainthree ul li .r_ct {
  3265. width:830px;
  3266. float:right
  3267. }
  3268. .zt_mainthree ul li .r_ct a.title {
  3269. font-size:17px;
  3270. color:#2163b5;
  3271. display:block;
  3272. height:27px;
  3273. font-weight:bold
  3274. }
  3275. .zt_mainthree ul li .r_ct .intro {
  3276. line-height:20px;
  3277. color:#666;
  3278. }
  3279. .zt_mainthree ul li .r_ct .intro a {
  3280. color:#c00
  3281. }
  3282. .zt_mainthree ul li:hover {
  3283. background:#eee
  3284. }
  3285. .zt_page {
  3286. text-align:right;
  3287. padding-right:15px
  3288. }
  3289. .zt_end {
  3290. width:1020px;
  3291. margin:0 auto;
  3292. height:60px;
  3293. color:#666;
  3294. font-size:11px;
  3295. line-height:18px;
  3296. padding-top:10px
  3297. }
  3298. /*专题内容页结束*/
  3299. /*新闻专题页结束*/
  3300. /*PK*/
  3301. .pkmain {
  3302. width:1020px;
  3303. margin:0 auto;
  3304. margin-top:10px;
  3305. background:url(../image/pk06.png) repeat-x;
  3306. border-top:1px solid #ddd
  3307. }
  3308. .pkmain .tit {
  3309. height:35px;
  3310. }
  3311. .pkmain .tit h4 {
  3312. font-family:"\5FAE\8F6F\96C5\9ED1";
  3313. float:left;
  3314. padding:0px 15px;
  3315. padding-top:10px;
  3316. font-size:17px;
  3317. }
  3318. .pkmain .tit h4 a {
  3319. color:#fff;
  3320. }
  3321. .pkmain .tit h4 span {
  3322. position:absolute;
  3323. margin:-1px;
  3324. color:#333;
  3325. }
  3326. .pkmain .tit .r {
  3327. width:200px;
  3328. height:30px;
  3329. position:relative;
  3330. background:url(../image/pk02.png) no-repeat;
  3331. margin-top:-7px;
  3332. padding-left:35px;
  3333. line-height:28px;
  3334. color:#777;
  3335. font-family:Arial, Helvetica, sans-serif
  3336. }
  3337. .pkmain .tit .r a {
  3338. color:#0a5caf;
  3339. border:1px solid #e5e5e5;
  3340. padding:2px 8px;
  3341. background:#fff;
  3342. }
  3343. .pkmain ul {
  3344. height:100%;
  3345. padding:10px 10px;
  3346. background:url(../image/pkulbg.png) no-repeat;
  3347. margin:10px;
  3348. }
  3349. .pkmain ul li {
  3350. width:400px;
  3351. float:left;
  3352. padding:15px;
  3353. height:105px;
  3354. line-height:24px;
  3355. font-size:12px;
  3356. color:#666;
  3357. font-family:"\5FAE\8F6F\96C5\9ED1";
  3358. }
  3359. .pkmain ul li.li02 {
  3360. width:395px;
  3361. padding:15px 15px 15px 20px;
  3362. }
  3363. .pkmain ul li.li01 {
  3364. background:#f8e8e8;
  3365. color:#a00;
  3366. font-family:SimSun
  3367. }
  3368. .pkmain ul li.li01 .pkjg {
  3369. border:1px solid #f5ceaf
  3370. }
  3371. .pkmain ul li.li02 {
  3372. background:url(../image/pkbox02.png) no-repeat;
  3373. color:#326b00;
  3374. font-family:SimSun
  3375. }
  3376. .pkmain ul li.li02 .pkjg {
  3377. border:1px solid #9ad490
  3378. }
  3379. .pkmain ul li.li02 .ffbg {
  3380. width:138px;
  3381. height:64px;
  3382. background:url(http://www.ifenguo.com/skin/images/fanfang.png) no-repeat;
  3383. position:absolute;
  3384. margin-left:287px
  3385. }
  3386. .pkmain ul li.li01 span {
  3387. display:block;
  3388. font-weight:bold;
  3389. color:#a00;
  3390. font-size:15px;
  3391. font-family:"\5FAE\8F6F\96C5\9ED1";
  3392. }
  3393. .pkmain ul li.li02 span {
  3394. display:block;
  3395. font-weight:bold;
  3396. color:#326b00;
  3397. font-size:15px;
  3398. font-family:"\5FAE\8F6F\96C5\9ED1";
  3399. }
  3400. .pkmain ul li.pkpic {
  3401. width:80px;
  3402. height:132px;
  3403. background:url(../image/pk.png) no-repeat 50% 50%;
  3404. padding:0px
  3405. }
  3406. .pkmain ul li .pkjg {
  3407. float:left;
  3408. background:url(http://www.ifenguo.com/skin/images/pk05.png) repeat-x;
  3409. padding:0px 5px 2px 5px;
  3410. height:28px;
  3411. line-height:28px;
  3412. margin-top:10px;
  3413. font-size:14px;
  3414. font-family:SimSun;
  3415. color:#333;
  3416. }
  3417. .pkmain ul li.li01 .pkjg {
  3418. float:left;
  3419. background:#f8e8e8;
  3420. padding:0px 5px 2px 5px;
  3421. height:28px;
  3422. line-height:28px;
  3423. margin-top:10px;
  3424. font-size:14px;
  3425. font-family:SimSun
  3426. }
  3427. .pkmain ul li .pkjg font {
  3428. font-family:Arial, Helvetica, sans-serif;
  3429. color:#c00;
  3430. font-size:14px;
  3431. padding-right:2px
  3432. }
  3433. .pkmain ul li .pkjg a {
  3434. width:47px;
  3435. height:24px;
  3436. background:url(http://www.ifenguo.com/skin/images/pkbtn01.png) no-repeat;
  3437. float:left;
  3438. margin:3px 0px 0px 8px
  3439. }
  3440. .pkmain ul li.li02 .pkjg a {
  3441. width:47px;
  3442. height:24px;
  3443. background:url(http://www.ifenguo.com/skin/images/pkbtn02.png) no-repeat;
  3444. float:left;
  3445. margin:3px 0px 0px 8px
  3446. }
  3447. .pkmain ul li .pkjg a:hover {
  3448. text-decoration:none
  3449. }
  3450. .pkct {
  3451. width:1020px;
  3452. margin:0 auto;
  3453. margin-top:10px;
  3454. background:url(../image/pk06.png) repeat-x;
  3455. border-top:1px solid #ddd
  3456. }
  3457. .pkct h4 {
  3458. font-family:"\5FAE\8F6F\96C5\9ED1";
  3459. padding:0px 15px;
  3460. padding-top:10px;
  3461. font-size:17px;
  3462. color:#fff;
  3463. text-align:center
  3464. }
  3465. .pkct h4 span {
  3466. position:absolute;
  3467. margin:-1px;
  3468. color:#333;
  3469. }
  3470. .pkct h4 em {
  3471. font-style:normal;
  3472. font-size:12px;
  3473. font-weight:normal;
  3474. color:#999;
  3475. padding-left:5px
  3476. }
  3477. .pkct .pkctbox {
  3478. height:100%;
  3479. padding:10px 10px;
  3480. background:url(../image/pkulbg.png) no-repeat;
  3481. margin:10px;
  3482. }
  3483. .pkct .pkctbox .pkctbox_l {
  3484. width:390px;
  3485. float:left;
  3486. padding:10px
  3487. }
  3488. .pkct .pkctbox .pkctbox_l .l_intro {
  3489. line-height:22px;
  3490. padding-top:10px;
  3491. color:#666;
  3492. }
  3493. .pkct .pkctbox .pkctbox_c {
  3494. width:120px;
  3495. float:left;
  3496. text-align:center;
  3497. padding-top:5px
  3498. }
  3499. .pkct .pkctbox .pkctbox_r {
  3500. width:390px;
  3501. float:right;
  3502. padding:10px
  3503. }
  3504. .pkct .pkctbox .pkctbox_r .r_intro {
  3505. line-height:22px;
  3506. padding-top:10px;
  3507. color:#666;
  3508. }
  3509. /*会员注册页*/
  3510. .user_reg {
  3511. width:950px;
  3512. margin:0 auto;
  3513. padding:15px;
  3514. border:1px solid #ddd
  3515. }
  3516. .user_reg ul {
  3517. padding-top:8px;
  3518. line-height:30px
  3519. }
  3520. .user_reg ul li span {
  3521. width:83px;
  3522. font-size:14px;
  3523. float:left;
  3524. line-height:30px
  3525. }
  3526. .user_reg ul li {
  3527. padding:10px 0px 10px 0px;
  3528. }
  3529. .user_reg ul li span font {
  3530. color:#e00;
  3531. font-size:14px;
  3532. margin-right:5px;
  3533. }
  3534. .user_reg ul li .text {
  3535. width:240px;
  3536. padding-left:5px;
  3537. height:28px;
  3538. line-height:28px;
  3539. margin-right:15px;
  3540. border:1px solid #ccc;
  3541. border-top:1px solid #999;
  3542. border-left:1px solid #999;
  3543. float:left
  3544. }
  3545. .user_reg ul li .yz_text {
  3546. width:120px;
  3547. padding-left:5px;
  3548. height:28px;
  3549. line-height:28px;
  3550. margin-right:15px;
  3551. border:1px solid #ccc;
  3552. border-top:1px solid #999;
  3553. border-left:1px solid #999;
  3554. float:left
  3555. }
  3556. .user_reg ul li #usernamemsg {
  3557. width:300px;
  3558. padding-left:15px;
  3559. background:url(../image/no.gif) no-repeat 0 50%
  3560. }
  3561. .user_reg ul li #passwordmsg2 {
  3562. width:300px;
  3563. padding-left:15px;
  3564. background:url(../image/no.gif) no-repeat 0 50%
  3565. }
  3566. .user_reg ul li #answermsg {
  3567. width:300px;
  3568. padding-left:15px;
  3569. background:url(../image/no.gif) no-repeat 0 50%
  3570. }
  3571. .user_reg ul li #chkcodemsg {
  3572. width:300px;
  3573. padding-left:15px;
  3574. background:url(../image/no.gif) no-repeat 0 50%;
  3575. margin-top:-30px;
  3576. margin-left:305px
  3577. }
  3578. .user_reg ul .xx_box h4 {
  3579. line-height:35px;
  3580. border-bottom:1px dotted #ccc;
  3581. padding-left:10px;
  3582. height:35px;
  3583. margin-bottom:10px
  3584. }
  3585. .user_reg ul .xx_box .text {
  3586. width:240px;
  3587. padding-left:5px;
  3588. height:28px;
  3589. line-height:28px;
  3590. margin-right:15px;
  3591. border:1px solid #ccc;
  3592. border-top:1px solid #999;
  3593. border-left:1px solid #999;
  3594. float:left
  3595. }
  3596. /*会员注册页结束*/
  3597. /*PK*/
  3598. .pk {
  3599. width:1020px;
  3600. margin:0 auto;
  3601. margin-top:10px;
  3602. }
  3603. .pk .pk_l {
  3604. width:725px;
  3605. float:left;
  3606. }
  3607. .pk .pk_l .l_one {
  3608. margin-bottom:15px;
  3609. }
  3610. .pk .pk_l .l_one .tit {
  3611. height:40px;
  3612. line-height:40px;
  3613. }
  3614. .pk .pk_l .l_one h3 {
  3615. font-size:16px;
  3616. font-family:"\5FAE\8F6F\96C5\9ED1";
  3617. font-weight:normal
  3618. }
  3619. .pk .pk_l .l_one h3 a {
  3620. color:#116fa5;
  3621. }
  3622. .pk .pk_l .l_one h3 span {
  3623. color:#555;
  3624. }
  3625. .pk .pk_l .l_one .tit .timebg {
  3626. float:right;
  3627. color:#666;
  3628. background:url(../image/szbg.png) no-repeat 0 9px;
  3629. padding-left:30px;
  3630. font-family:"\5FAE\8F6F\96C5\9ED1";
  3631. }
  3632. .pk .pk_l .l_one ul li {
  3633. width:331px;
  3634. float:left;
  3635. line-height:24px;
  3636. padding:15px;
  3637. color:#333;
  3638. }
  3639. .pk .pk_l .l_one ul li h4 {
  3640. font-size:17px;
  3641. font-family:"\5FAE\8F6F\96C5\9ED1";
  3642. height:30px
  3643. }
  3644. .pk .pk_l .l_one ul li.li01 {
  3645. background:#f8e8e8;
  3646. border:1px solid #eac3c3
  3647. }
  3648. .pk .pk_l .l_one ul li.li01 h4 {
  3649. text-indent:-9999px;
  3650. width:155px;
  3651. margin:0 auto;
  3652. height:75px;
  3653. background:url(../image/zf.png) no-repeat -10px -10px
  3654. }
  3655. .pk .pk_l .l_one ul li .pkpiao {
  3656. }
  3657. .pk .pk_l .l_one ul li .pkpiao font {
  3658. color:#c00;
  3659. font-size:15px;
  3660. padding-right:3px;
  3661. font-weight:bold;
  3662. font-family:Arial, Helvetica, sans-serif
  3663. }
  3664. .pk .pk_l .l_one ul li .pkpiao a {
  3665. }
  3666. .pk .pk_l .l_one ul li.li03 {
  3667. float:right;
  3668. background:#f7fbe9;
  3669. border:1px solid #e2e3e2;
  3670. border-left:0px;
  3671. }
  3672. .pk .pk_l .l_one ul li.li03 h4 {
  3673. text-indent:-9999px;
  3674. width:155px;
  3675. height:75px;
  3676. margin:0 auto;
  3677. background:url(../image/ff.png) no-repeat -7px -10px
  3678. }
  3679. .pk .pk_l .l_one ul li.li03 .pkpiao {
  3680. }
  3681. .pk .pk_r {
  3682. width:240px;
  3683. float:right;
  3684. }
  3685. .pk .pk_r .r_one {
  3686. border:1px solid #e5e5e5
  3687. }
  3688. .pk .pk_r .r_one h4 {
  3689. font-size:16px;
  3690. line-height:35px;
  3691. height:35px;
  3692. padding-left:10px;
  3693. font-family:"\5FAE\8F6F\96C5\9ED1";
  3694. }
  3695. .pk .pk_r .r_one .ct_intro {
  3696. padding:10px;
  3697. line-height:22px;
  3698. color:#116fa5;
  3699. }
  3700. .fr {
  3701. height:35px;
  3702. line-height:35px;
  3703. background:#fff url(../image/frbg.png) repeat-x;
  3704. margin-top:15px;
  3705. text-align:center;
  3706. color:#666
  3707. }
  3708. .fr h4 {
  3709. width:79px;
  3710. height:76px;
  3711. background:url(../image/bg21.png);
  3712. position:absolute;
  3713. margin:-17px 0px 0px -17px
  3714. }
  3715. .fr a {
  3716. padding:0px 6px 0px 8px;
  3717. color:#666;
  3718. background:url(../image/frbg02.png) no-repeat 0 50%;
  3719. }
  3720. .frnavi {
  3721. width:1020px;
  3722. margin:0 auto;
  3723. height:35px;
  3724. line-height:35px;
  3725. background:#eee;
  3726. }
  3727. .frnavi .r {
  3728. padding-right:10px
  3729. }
  3730. .frnavi .r a {
  3731. }
  3732. .frsc {
  3733. width:1020px;
  3734. margin:0 auto;
  3735. height:35px;
  3736. line-height:35px;
  3737. text-align:right;
  3738. color:#999
  3739. }
  3740. .frsc .textbox {
  3741. height:18px;
  3742. line-height:18px;
  3743. border:1px solid #ddd
  3744. }
  3745. .frsc .inputbutton {
  3746. width:60px;
  3747. background:url(../image/atnbg_01.gif) no-repeat;
  3748. border:1px solid #ddd;
  3749. }
  3750. .frlist {
  3751. width:979px;
  3752. margin:0 auto;
  3753. margin-top:10px;
  3754. padding-left:1px
  3755. }
  3756. .frlist ul li {
  3757. width:193px;
  3758. float:left;
  3759. padding:20px 25px;
  3760. font-family:"\5FAE\8F6F\96C5\9ED1";
  3761. font-size:15px;
  3762. text-align:center;
  3763. font-weight:bold;
  3764. border:1px solid #ccc;
  3765. position:relative;
  3766. margin:-1px 0px 0px -1px
  3767. }
  3768. .frlist ul li img {
  3769. margin-top:15px;
  3770. width:90%;
  3771. height:60px
  3772. }
  3773. .frlist ul li a:hover {
  3774. text-decoration:none
  3775. }
  3776. /*尾部通用*/
  3777. .end {
  3778. width:1020px;
  3779. margin:0 auto;
  3780. padding-top:5px;
  3781. text-align:center;
  3782. height:20px;
  3783. color:#999;
  3784. }
  3785. .end a {
  3786. line-height:20px;
  3787. padding:0px 4px 0px 4px;
  3788. color:#666
  3789. }
  3790. .copyright {
  3791. text-align:center;
  3792. line-height:22px;
  3793. color:#888;
  3794. height:120px;
  3795. font-family:Arial, Helvetica, sans-serif
  3796. }
  3797. .copyright img {
  3798. margin-left:10px
  3799. }
  3800. /*尾部通用over*/
  3801. /*网站地图*/
  3802. .bg18 {
  3803. height:6px;
  3804. background:url(../image/18.png) repeat-x 0 -1px
  3805. }
  3806. .maplist {
  3807. width:1020px;
  3808. margin:0px auto;
  3809. line-height:28px;
  3810. margin-bottom:10px;
  3811. }
  3812. .maplist .classname {
  3813. background:url(../image/maptit.png) repeat-x;
  3814. margin-top:10px;
  3815. display:block;
  3816. padding-left:10px;
  3817. font-size:15px;
  3818. height:30px;
  3819. line-height:30px;
  3820. border:1px solid #b5d7ef;
  3821. font-weight:bold;
  3822. font-family:"\5FAE\8F6F\96C5\9ED1";
  3823. }
  3824. .maplist .classname a {
  3825. color:#00659c;
  3826. background:url(../image/maptit02.png) no-repeat 0 50%;
  3827. padding-left:10px
  3828. }
  3829. .maplist .classname2 {
  3830. height:25px;
  3831. float:left;
  3832. line-height:25px;
  3833. padding-left:10px;
  3834. font-size:12px;
  3835. padding-right:0px;
  3836. background:none
  3837. }
  3838. .maplist .classname2 a {
  3839. font-weight:bold;
  3840. color:#555;
  3841. font-size:15px;
  3842. font-family:"\5FAE\8F6F\96C5\9ED1";
  3843. }
  3844. .maplist span {
  3845. white-space:nowrap;
  3846. padding:0px 10px;
  3847. margin-top:10px;
  3848. height:25px;
  3849. float:left;
  3850. background:url(../image/maptit03.png) no-repeat 100% 50%
  3851. }
  3852. .maplist span a {
  3853. color:#555
  3854. }
  3855. .maplist a:hover {
  3856. color:#00659c;
  3857. }
  3858. .maplist2 {
  3859. clear:both;
  3860. }
  3861. /*附件*/
  3862. .annex {
  3863. width:600px;
  3864. margin :15px;
  3865. border : 1px dashed #999;
  3866. background : #f9f9f9;
  3867. line-height : normal;
  3868. }
  3869. .annex td {
  3870. text-align:left;
  3871. padding-top:10px;
  3872. padding-left:10px;
  3873. padding-bottom:5px;
  3874. }
  3875. /*评论*/
  3876. .cmt .goodandbad {
  3877. margin-top:3px;
  3878. BORDER-BOTTOM: #efefef 1px solid
  3879. }
  3880. .cmt .content {
  3881. color:#000;
  3882. font-size:14px;
  3883. }
  3884. .cmt .gray {
  3885. color:#ccc;
  3886. }
  3887. .cmtloadtips {
  3888. height:30px;
  3889. font-size:14px;
  3890. line-height:30px;
  3891. background:#f3f9fc;
  3892. position:relative;
  3893. margin-top:-2px;
  3894. color:#999;
  3895. text-align:center;
  3896. }
  3897. .cmttitle {
  3898. border-bottom:3px solid #ccc;
  3899. font-weight:bold;
  3900. font-size:14px;
  3901. }
  3902. /
  3903. /*/page*/
  3904. .dede_pages{
  3905. width:1000px; height:auto; margin:0 auto; margin-bottom:50px;
  3906. }
  3907. .dede_pages ul{
  3908. float:left;
  3909. padding:12px 0px 12px 30px;
  3910. }
  3911. .dede_pages ul li{
  3912. float:left;
  3913. font-family:Tahoma;
  3914. line-height:17px;
  3915. margin-right:6px;
  3916. border:1px solid #E9E9E9;
  3917. }
  3918. .dede_pages ul li a{
  3919. float:left;
  3920. padding:2px 4px 2px;
  3921. color:#555;
  3922. display:block;
  3923. }
  3924. .dede_pages ul li a:hover{
  3925. color:#690;
  3926. text-decoration:none;
  3927. padding:2px 4px 2px;
  3928. }
  3929. .dede_pages ul li.thisclass,
  3930. .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
  3931. background-color:#F8F8F8;
  3932. padding:2px 4px 2px;
  3933. font-weight:bold;
  3934. }
  3935. .dede_pages .pageinfo{
  3936. line-height:21px;
  3937. padding:12px 10px 12px 16px;
  3938. color:#999;
  3939. }
  3940. .dede_pages .pageinfo strong{
  3941. color:#555;
  3942. font-weight:normal;
  3943. margin:0px 2px;
  3944. }
  3945. /*page/*/
  3946. .news_pages{
  3947. width:760px; height:auto; margin:0 auto; margin-bottom:50px;
  3948. }
  3949. .news_pages ul{
  3950. float:left;
  3951. padding:12px 0px 12px 16px;
  3952. }
  3953. .news_pages ul li{
  3954. float:left;
  3955. font-family:Tahoma;
  3956. line-height:17px;
  3957. margin-right:6px;
  3958. border:1px solid #E9E9E9;
  3959. }
  3960. .news_pages ul li a{
  3961. float:left;
  3962. padding:2px 4px 2px;
  3963. color:#555;
  3964. display:block;
  3965. }
  3966. .news_pages ul li a:hover{
  3967. color:#690;
  3968. text-decoration:none;
  3969. padding:2px 4px 2px;
  3970. }
  3971. .news_pages ul li.thisclass,
  3972. .news_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
  3973. background-color:#F8F8F8;
  3974. padding:2px 4px 2px;
  3975. font-weight:bold;
  3976. }
  3977. .news_pages .pageinfo{
  3978. line-height:21px;
  3979. padding:12px 10px 12px 16px;
  3980. color:#999;
  3981. }
  3982. .news_pages .pageinfo strong{
  3983. color:#555;
  3984. font-weight:normal;
  3985. margin:0px 2px;
  3986. }
  3987. /*page/*/
  3988. .hb_bar{ width:100%; float:left; background:url(http://www.ifenguo.com/skin/images/hb_1.jpg) center no-repeat; height:300px;}
  3989. .hb_cc{ width:100%; float:left; height:24px; float:left;background:url(http://www.ifenguo.com/skin/images/hb_2.jpg) repeat; margin-top:3px;}
  3990. .hb_cc_1{ width:1001px; margin:0 auto; position:relative; height:24px; line-height:24px; padding-left:14px;}
  3991. .hb_im{ width:9px; height:14px; position:absolute; left:0; top:6px;}
  3992. .hb_cc_1 span{ color:#999999;}
  3993. .hb_cc_1 span a{ color:#999999;}
  3994. .hb_cc_1 em{ color:#666;}
  3995. .hb_inf{ width:1015px; margin:0 auto;}
  3996. .hb_dw{ width:100%; float:left;}
  3997. .hb_dw_1{ width:100%; float:left; margin-top:15px; border-bottom:1px solid #cccccc;}
  3998. .hb_dw_1 a{ float:left; width:68px; height:24px; line-height:24px; margin-right:46px; padding:1px 5px 2px 12px; font-size:14px; cursor:pointer;background: #49494e;color: white;margin-bottom: 10px; display:block}
  3999. .hb_dw_1 a:hover{color:white;background-color:#34aadc;}
  4000. .hb_dw_1 a.selected{background-color:#34aadc;}
  4001. /* .selected a:hover{ color:#333;} */
  4002. .hb_dw_1 a.selected:hover{color:white;}
  4003. .hb_dw_2{ width:100%; float:left;}
  4004. .hb_ct{ margin-top:12px; width:684px; float:left; padding:0 19px;}
  4005. .hb_ct_1{ width:100%; float:left; margin-top:20px;}
  4006. .hb_ct_1 span{ float:left; font-size:20px; font-weight:bold;}
  4007. .hb_ct_1 span a{ color:#555555;}
  4008. .hb_ct_1 span a:hover{ color:#34aadc;}
  4009. .hb_ct_1 em{ float:right; padding-top:10px; font-style:normal}
  4010. .hb_ct_2{ width:100%; float:left; margin-top:22px; border-bottom:1px dashed #dcdcdc; padding-bottom:20px;}
  4011. /*.hb_ct_2 { width:197px; height:103px; float:left; border:1px solid #dbdbdb; padding:3px 0 0 5px; margin-right:30px;}*/
  4012. .hb_ct_2 img{ width:169px; height:99px; padding:5px; margin-right:30px; float:left; border:1px solid #dbdbdb;}
  4013. /*.hb_ct_2 p{ width:393px; float:right;}*/
  4014. .hb_ct_2 p a{line-height:230%; color:#615f5f;}
  4015. .w_lb_gd{ color:#323232; float:right;}
  4016. .w_lb_gd a{color:#323232 !important; }
  4017. /*news*/
  4018. .h_tt_u{ width:100%; float:left; text-align:center; z-index:1; height:auto; clear:both; }
  4019. .hh_dd{ margin-top:20px; }
  4020. .h_tt_u a{ border:1px solid #cccccc; padding:4px 8px; color:#b2b2b0; font-weight:bold;}
  4021. .hb_lq{ background:#fba707 !important; color:#fff !important;}
  4022. .hb_right{ width:237px; float:right; margin-top:20px;}
  4023. .hb_f1{ width:235px; float:left; border:1px solid #e5e5e5; border-radius:5px;}
  4024. .hb_f1 h3{background:url(../image/hb_12.jpg) repeat-x; width:237px; height:31px; text-align:center; line-height:31px; float:left; font-size:14px;}
  4025. .hb_f1 li{ width:222px; height:36px; line-height:36px; float:left; margin-left:10px; overflow:hidden; border-bottom:1px solid #e3e3e3;}
  4026. .hb_f1 li em{ margin-right:5px;}
  4027. .hb_f1 li a{ color:#333333;}
  4028. .hb_f2{ margin-top:17px; width:239px; height:215px; float:left;}
  4029. .hb_f3{ width:237px; float:left; margin-top:10px; border:1px solid #e5e5e5; border-radius:5px; position:relative; height:168px; font-size:14px;}
  4030. .hb_f3 h3{background:url(../image/hb_12.jpg) repeat-x; width:237px; height:31px; text-align:center; line-height:31px; float:left; font-size:14px;}
  4031. .hb_1{ position:absolute; left:19px; top:52px; font-size:18px;}
  4032. .hb_1 a{ color:#8e8e8e;}
  4033. .hb_2{ position:absolute; right:19px; top:78px; font-size:16px;}
  4034. .hb_2 a{ color:#f7c600;}
  4035. .hb_3{ position:absolute; left:48px; top:97px; font-size:14px;}
  4036. .hb_3 a{ color:#c10132;}
  4037. .hb_4{ position:absolute; left:24px; bottom:17px; font-size:14px;}
  4038. .hb_4 a{ color:#4d92d7;}
  4039. .hb_5{ position:absolute; right:23px; bottom:16px; font-size:20px;}
  4040. .hb_5 a{ color:#2c2c2c;}
  4041. .cm_w{ border-bottom:2px solid #34aadc; color:#34aadc;}
  4042. .hb_je{ width:100%; float:left; margin-top:57px; padding-bottom:30px;}
  4043. .hb_je_1{ width:100%; float:left; border-bottom:1px solid #cccccc; border-bottom:1px solid #cccccc;}
  4044. .hb_je_1 span{ float:left; border-bottom:2px solid #34aadc; font-size:18px; font-weight:bold;}
  4045. .hb_je_1 em{ float:right;font-weight: normal;font-style: italic;}
  4046. .hb_je_1 em a{ color:#666666;font-weight: normal;font-style: italic;}
  4047. .hb_je_2{ width:100%;float:left; margin-top:10px;}
  4048. .hb_je_2 li{ float:left; border:1px solid #e6e6e6; width:238px; padding:5px 0 0 5px; margin-left:7px;}
  4049. .hb_je_2 li span{ width:232px; height:165px; float:left;}
  4050. .hb_je_2 li p{ width:232px; height:32px; line-height:32px; float:left;}
  4051. .hb_je_2 li p em{ float:left; margin-left:5px; color:#666666}
  4052. .hb_je_2 li p a{ float:right; margin-right:5px; color:#ff9700;}
  4053. /*news*/
  4054. .w_xw_le{margin-top: 12px;
  4055. width: 760px;
  4056. float: left;}
  4057. .w_xw_le h1{
  4058. color: #2c2c2c;
  4059. font-size: 28px;
  4060. padding-bottom: 10px;
  4061. text-align: left;
  4062. padding-top: 10px;}
  4063. .w_zztm{ width: 100%;
  4064. text-align: left;
  4065. color: #696969;
  4066. background: #f9f9f9;
  4067. border-bottom: 1px solid #e6e6e6;
  4068. line-height: 37px;
  4069. height: 37px;
  4070. font-size: 10px;
  4071. margin-bottom: 30px;}
  4072. .w_zztm span{ margin-right:10px;}
  4073. .w_xw_le p{ margin-bottom: 15px;
  4074. width: 100%;
  4075. clear: both;
  4076. color: #696969;
  4077. line-height: 180%;
  4078. font-family: 微软雅黑;
  4079. text-indent: 2em;
  4080. font-size: 16px;}
  4081. /*casel*/
  4082. .casebox{ width:1020px; height:auto; margin:20px auto;
  4083. }
  4084. .case_left{ width:300px; height:auto; float:left;
  4085. }
  4086. .case_num{height: 16px;
  4087. line-height: 16px;
  4088. padding: 10px 0 25px 0;
  4089. color: #999;}
  4090. .type,.function,.introduction{margin: 0;
  4091. padding: 0;
  4092. border: 0;
  4093. font: inherit;
  4094. font-size: 100%;
  4095. vertical-align: baseline;
  4096. }
  4097. .case_right{ width:650px; height:auto; float:right; overflow:hidden
  4098. }
  4099. /*首页app开发*/
  4100. .flow {
  4101. padding:0;
  4102. list-style:none;
  4103. }
  4104. .flow li {
  4105. display:block;
  4106. text-align:center;
  4107. margin-bottom:30px;
  4108. font-size:14px;
  4109. }
  4110. .flow li img {
  4111. margin-bottom:10px;
  4112. }
  4113. .flow li.active .s1, .flow li:hover .s1, .flow li .s2 {
  4114. display:none;
  4115. }
  4116. .flow li.active .s2, .flow li:hover .s2 {
  4117. display:inline-block;
  4118. }
  4119. .flow strong {
  4120. display:block;
  4121. font-size:16px;
  4122. color:#000;
  4123. }
  4124. /* @media (min-width:760px) {*/
  4125. .flow li {
  4126. float:left;
  4127. clear:none;
  4128. width:184px;
  4129. margin:10px;
  4130. }
  4131. .flow li a {
  4132. float:none;
  4133. margin:0 0 10px 20px;
  4134. width:110px;
  4135. height:110px;
  4136. }
  4137. .mainer {
  4138. width:1024px;margin:0 auto;
  4139. width:100%; display: block;
  4140. }
  4141. /*
  4142. *:before, *:after {
  4143. -webkit-box-sizing:border-box;
  4144. -moz-box-sizing:border-box;
  4145. box-sizing:border-box;
  4146. }*/
  4147. textarea {
  4148. overflow:auto;
  4149. }
  4150. input:focus, textarea:focus, button:focus, select:focus {
  4151. outline:none;
  4152. }
  4153. input::-ms-clear {
  4154. display:none;
  4155. }
  4156. .mainer:after {
  4157. content:" ";
  4158. display:block;
  4159. height:0;
  4160. clear:both;
  4161. visibility:hidden;
  4162. overflow:hidden;
  4163. }
  4164. .mainer {
  4165. display:block;
  4166. }
  4167. .container, .mainer, .main800 {
  4168. margin:0 auto;
  4169. width:100%;
  4170. }
  4171. /*@media (min-width:760px) {*/
  4172. .container {
  4173. width:1200px;
  4174. }
  4175. .mainer {
  4176. width:1024px;
  4177. }
  4178. .main800 {
  4179. width:800px;
  4180. overflow:hidden;
  4181. }
  4182. .jishu ul {
  4183. list-style:none;
  4184. }
  4185. .jishu .pager {
  4186. padding:20px 0;
  4187. }
  4188. .jishu .pager ul {
  4189. padding:0; margin-left:20px;
  4190. list-style:none;
  4191. }
  4192. .jishu .pager li {
  4193. display:inline-block;
  4194. vertical-align:top;
  4195. }
  4196. .jishu .pager li a {
  4197. border:solid 1px #00a0ea;
  4198. color:#00a0ea;
  4199. border-radius:50%;
  4200. display:block;
  4201. font-size:14px;
  4202. width:50px;
  4203. line-height:15px;
  4204. padding:9px 10px;
  4205. text-align:center;
  4206. }
  4207. .jishu .pager li img {
  4208. width:50px;
  4209. }
  4210. .jishu .pager li img, .jishu .pager li.active a, .jishu .pager li:hover a {
  4211. display:none;
  4212. }
  4213. .jishu .pager li.active img, .jishu .pager li:hover img {
  4214. display:block;
  4215. }
  4216. /*@media (min-width:760px) {*/
  4217. .jishu .pager {
  4218. padding:40px 0;
  4219. }
  4220. .jishu .pager li img {
  4221. width:110px;
  4222. }
  4223. .jishu .pager li a {
  4224. width:110px;
  4225. height:110px;
  4226. font-size:18px;
  4227. line-height:90px;
  4228. }
  4229. .jishu .pager ul {
  4230. display:table;
  4231. width:100%;
  4232. }
  4233. .jishu .pager ul li {
  4234. display:table-cell;
  4235. }
  4236. .jishu {
  4237. width:100%;
  4238. overflow:hidden;
  4239. position:relative;
  4240. }
  4241. .jishu .carousel {
  4242. position:relative;
  4243. }
  4244. .jishu .carousel .item {
  4245. position:absolute;
  4246. }
  4247. /*解决方案*/
  4248. .jj_p{font-size:18px;text-align:center; margin:0 auto; font-size:14px; width:860px; line-height:20px;
  4249. }
  4250. .w_sx {
  4251. width: 100%; margin:20px auto;
  4252. }
  4253. .sx_le {
  4254. width: 49%;
  4255. float: left;
  4256. display: block;
  4257. }
  4258. .w_sx_rig {
  4259. width: 49%;
  4260. float: right;
  4261. display: block;
  4262. }
  4263. .map{ width:1020px; height:350px; margin:30px auto 40px auto;}
  4264. @media screen and (max-width:800px) {
  4265. #head_top .head .head-top-con,.sheji .line,.peitao .line{display:none}
  4266. #head_top .head{width:100%;height:80px;}
  4267. #head_top{height:80px}
  4268. #head_top .head .logo{ margin-top: 0;height:80px}
  4269. #head_top .head .logo img{
  4270. height: 60px;
  4271. width: auto;
  4272. margin-top: 10px;
  4273. margin-left: 10px;}
  4274. .t1_pic{width:100%;height:auto}
  4275. .t1_pic img{width:100%;height:auto}
  4276. .link .box ul a.y{width:100%;margin-right:0}
  4277. .link .box{ padding: 20px;width:auto}
  4278. .link .box ul {
  4279. width: auto;
  4280. padding-left: 0;
  4281. }
  4282. .wapd {
  4283. width: 20px;
  4284. height: 20px;
  4285. display: block;
  4286. background: url(../image/d.png) center center no-repeat #40b6ff;
  4287. padding: 10px;
  4288. position: absolute;
  4289. top: 22px;
  4290. right: 20px;
  4291. z-index: 1; box-sizing: initial;
  4292. }
  4293. .caseimg dl dt a:hover{ position: initial;margin:0}
  4294. .link .box ul a{padding:0 5px;width:auto}
  4295. #head_top .head .navi ul{width:100%}
  4296. #head_top .head .navi{ clear: both;
  4297. float: none;display:none;
  4298. width: 100%;
  4299. height: auto;
  4300. z-index: 32; background: #616161;
  4301. position: absolute;
  4302. left: 0;
  4303. top: 80px;
  4304. }
  4305. #head_top .head .navi ul li{float:none;width:100%}
  4306. #head_top .head .navi ul li a{ float: none;
  4307. width: 100%;
  4308. padding: 15px 0;
  4309. color: #fff;
  4310. border-bottom: 1px #7b7b7b solid;}
  4311. .huadong{width:100%}
  4312. .huadong .content{padding:20px}
  4313. .wzsjliebiao,.peitao{width:100%}
  4314. .wzsjliebiao .list{ width: 47%;
  4315. margin: 1.5%;}
  4316. .liucheng,.sheji{width:100%}
  4317. .sheji .list, .peitao .list{ padding-left: 0; width: 47%;
  4318. margin: 1.5%;}
  4319. .peitao .list .content {
  4320. float: none;
  4321. font-size: 12px;
  4322. line-height: 180%;
  4323. padding-left: 0;
  4324. text-align: center;
  4325. }
  4326. .huadong .imgbg {
  4327. width: 400px;
  4328. overflow: hidden;
  4329. }
  4330. .huadong .imgbg img{ padding-left: 80px;width:auto}
  4331. .wzsjdatu{height:auto}
  4332. .Dg{width:100%; padding: 0 20px;
  4333. box-sizing: border-box;}
  4334. .wzsjdatu .wzsjdatuson{width:100%;left:0;margin-left:0; height: auto; position: initial;}
  4335. .nav_bottom {
  4336. width:100%;
  4337. height: 50px;
  4338. position: relative;
  4339. position: fixed;
  4340. z-index: 10;
  4341. bottom: 0;
  4342. background: url(../image/index.png) no-repeat center center;
  4343. color: #fff;
  4344. background-size:100%;display:block;
  4345. }
  4346. .nav_bottom a {
  4347. color: #fff;
  4348. display: block;
  4349. height: 50px;
  4350. border: none;
  4351. -webkit-tap-highlight-color: rgba(0,0,0,0);
  4352. -webkit-tap-highlight-color: transparent;
  4353. outline: none;
  4354. }
  4355. .nav_bottom .booking {
  4356. width: 50%;
  4357. height: 50px;
  4358. float: left;
  4359. font-size: 16px;
  4360. text-align: center;
  4361. line-height: 50px;
  4362. }
  4363. .nav_bottom .animation {
  4364. position: absolute;
  4365. width: 4rem;
  4366. height: 4rem;
  4367. border-radius: 50%;
  4368. background: -webkit-linear-gradient(#0892ed, #5f58fe);
  4369. background: -o-linear-gradient(#0892ed, #5f58fe);
  4370. background: -moz-linear-gradient(#0892ed, #5f58fe);
  4371. background: linear-gradient( #0892ed, #5f58fe);
  4372. bottom: 14px;
  4373. left: 50%;margin-left:-2rem;
  4374. z-index: 98;
  4375. }
  4376. .nav_bottom .animation a {
  4377. display: inline-block;
  4378. position: absolute;
  4379. width: 4rem;
  4380. height: 4rem;
  4381. bottom: 0;
  4382. left: 0;
  4383. font-size: 14px;
  4384. line-height:4rem;
  4385. text-align: center;
  4386. z-index: 101;
  4387. }
  4388. .nav_bottom .animation a p {
  4389. font-size: 14px;
  4390. }
  4391. .nav_bottom .phone {
  4392. width: 50%;
  4393. height: 50px;
  4394. float: right;
  4395. font-size: 16px;
  4396. text-align: center;
  4397. line-height: 50px;
  4398. }
  4399. .nav_bottom .booking .n {
  4400. font-size: 24px;
  4401. vertical-align: -1px;
  4402. color: #fff;
  4403. margin-right: 3px;
  4404. }
  4405. .nav_bottom .phone .n1 {
  4406. font-size: 30px;
  4407. color: #fff;
  4408. vertical-align: middle;
  4409. margin-right: 2px;
  4410. }
  4411. .liucheng .tu img{height:auto;width:100%}
  4412. .caseimg{width:100%}
  4413. .caseimg dl{ width: 47%;
  4414. margin: 1.5%;}
  4415. .caseimg dl dt{width:100%;height:auto}
  4416. .caseimg dl dt img,.caseimg dl dt a:hover img{width:100%;height:auto}
  4417. .hyfl h2{display:none}
  4418. .hyf {height:auto; padding: 0 20px;
  4419. box-sizing: border-box;width:100%}
  4420. .hyfl ul {height:auto;width:100%;float:none}
  4421. .hyfl{ height: auto;
  4422. width: 100%;
  4423. float: none;
  4424. margin: 0px auto 20px auto;
  4425. overflow: hidden;}
  4426. .hyfl ul li{width:20%}
  4427. .hb_inf{margin:0 20px;width:auto}
  4428. .hb_dw_1 a{ width: 32%; box-sizing: border-box;
  4429. line-height: 30px;
  4430. height: 30px;
  4431. margin-right: 2%;}
  4432. .hb_dw_1 a:nth-child(3n){margin-right:0}
  4433. .jj_p{ padding: 0 20px;
  4434. box-sizing: border-box;
  4435. width:100%}
  4436. .hb_ct{width:100%; padding: 0;}
  4437. .hb_ct_1 span {
  4438. font-size: 14px;
  4439. }
  4440. .hb_ct_1 em {
  4441. padding-top: 0;
  4442. }
  4443. .news_pages{width:100%}
  4444. .hb_right {
  4445. width: 100%;
  4446. }
  4447. .hb_f1,.gywm{
  4448. width: 100%;
  4449. }
  4450. .linian,.lxwm{
  4451. width:auto;margin:0 20px
  4452. }.lxwm .right {
  4453. float: none;
  4454. width: 100%;
  4455. margin-left: 0;
  4456. margin-top: 20px;
  4457. }
  4458. .lxwm .left img{width:280px}
  4459. .lxwm .left {
  4460. float: none;
  4461. width: 100%;
  4462. padding-left: 0;
  4463. text-align: center;
  4464. }
  4465. .hb_f1 h3{ width: 100%;
  4466. }
  4467. .youshibg1 .content, .youshibg2 .content{ width: 100%;
  4468. box-sizing: border-box;
  4469. padding: 20px;
  4470. }
  4471. .linian .tt2{font-size:14px;line-height:2;height:auto}
  4472. .gywm .chatu img{width:100%}
  4473. .gywm .jieshao{ float: none;
  4474. width: auto; font-size: 14px;
  4475. margin: 0 20px;}
  4476. .gywm .chatu{float:none; width: auto;
  4477. margin: 20px;}
  4478. .hb_f1 li{ width: 96%;
  4479. margin: 0 2%;}
  4480. .map{width:100%;height:auto}
  4481. .casebox{width: auto;
  4482. margin: 20px;}
  4483. .case_left{width:100%;float:none}
  4484. .caseimg dl dd p {
  4485. padding-left: 0;
  4486. width: 80%;
  4487. height: 40px;
  4488. overflow: hidden;
  4489. }
  4490. .w_xw_le{width:100%;float:none}
  4491. .w_xw_le img{ margin-left: -2rem;max-width:100% !important;height:auto!important }
  4492. .case_right img{ max-width:100% !important;height:auto!important }
  4493. .lxwm{padding-top:0}
  4494. .youshibg1 .content .jieshao, .youshibg2 .content .jieshao{font-size:14px}
  4495. .linian .tt1{font-size:18px;line-height:3;height:auto}
  4496. .case_left .case_title{font-size:18px}
  4497. .caseimg dl dd{width:100%}
  4498. .caseimg dl dd a{ width: 20%; }
  4499. .lxwm .right .list .hanzi,.lxwm .right .list .en{line-height:45px; width: auto;}
  4500. .lxwm .right .dizhi{float:none;width:100%;font-size:14px;}
  4501. .dede_pages ul{padding:20px; }
  4502. .dede_pages ul li:last-child,.news_pages ul li:last-child,.dede_pages ul li:nth-last-child(2),.news_pages ul li:nth-last-child(2){display:none;}
  4503. .case_right{width:100%;float:none}
  4504. .case_num{padding:10px 0}
  4505. .hb_ct_2 img {
  4506. width: 120px;
  4507. height: 80px;
  4508. padding: 5px;
  4509. margin-right: 10px;}
  4510. }
  4511. @media screen and (max-width:480px) {
  4512. .lxwm .left img{width:240px}
  4513. }
  4514. @media screen and (max-width:480px) {
  4515. }
  4516. @media screen and (max-width:380px) {
  4517. .lxwm .right .list .hanzi,.lxwm .right .list .en{font-size:16px;}
  4518. }