<!doctype html> <html> <head> <title>D�ñmÙz•ŒN…Q„v›�x‘æ‚Zi_d"}_Îd_‘NOS%„•¨c^</title> <meta name="keywords" content="D�ñmÙz•ŒN…Q„v›�x‘æ‚Zi" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"> <meta charset="gb2312"> <link rel="stylesheet" type="text/css" href="http://www.webseo.com.cn/imageseo/library.css"> <script language="JavaScript"> <!-- //9eØSþVGr'Y\ function resizepic(thispic) { return true; } //àe§~)>eþVGr'Y\ function bbimg(o) { return true; } --> </script> </head> <body> <script src="http://www.webseo.com.cn/imageseo/zepto.js"></script> <header> <nav> <a class="navbar-brand logo area_header" href="/" title="‘NàeP–"><img src="http://www.webseo.com.cn/imageseo/logo.png" / alt="‘NàeP–˜[Q"></a> <a class="btnToggle"><em></em></a> <div class="buttons"> <a class="btn btn-standard3 btnDemo area_header" href="tencent://message/?uin=77176696&Site=yunwuxian.com&Menu=yes" rel="nofollow" target="_blank">¢[ g</a> </div> <!--nav-menu--> <ul class="nav-menu"> <li class="menu"><a title="OS’c T€bç]" href="/b/List_15.html">’c T€bç]</a></li> <li class="menu"><a title="seoOSYe z" href="/b/List_16.html">SEOYe z</a></li> <li class="menu"><a title="~v¦^’c TOS" href="/b/List_17.html">~v¦^OS</a></li> <li class="menu"><a title="QÜ~%„•¹eHh" href="/b/List_18.html">QÜ~%„•</a></li> <li class="menu"><a title="d"}_Îd’c T€bç]" href="/b/List_19.html">d"}_Îd</a></li> <li class="menu"><a title="ÔYXb’c TOS" href="/b/List_20.html">ÔYXb’c T</a></li> <li class="menu"><a title="ONQÙz6R\O" href="/b/List_21.html">QÙz6R\O</a></li> <li class="menu"><a title="ú^ÙzOS’c T Rßv" href="/b/List_22.html">T\O Rßv</a></li> </ul> <!--/nav-menu--> </nav> </header> <main> <section class="banner banner-simple dark" style="background-image:url(http://www.webseo.com.cn/imageseo/imgcss/banner_bg_10.jpg)"> <article> <p class="h1">QÙzOS g¡R</p> <p class="h3 detail">‘NOSNèld"}_ÎdOS¨c^ g¡R0</p> </article> </section> <section class="blog post tag-techshare"> <article> <div class="post-parent"> <div class="post-header"> <ul class="breadcrumb"> <li><a class="h5 detail" href="/">–™u˜</a></li> <li><a class="h5 detail" href="/b">QÙzOS</a></li> <li><a class="h5 detail" href="/b/List_19.html">d"}_Îd</a></li> </ul> <h1 class="post-title">D�ñmÙz•ŒN…Q„v›�x‘æ‚Zi</h1> <div class="post-meta"> <p class="h6 detail underline"> <time class="post-date" datetime="2016/1/21 15:44:53">2016/1/21 15:44:53</time> </p> </div> </div> <div class="post-content"> <p><span style="color: rgb(0, 0, 0); font-family: ®_o�Å–Ñž;"><strong><span style="color: rgb(0, 0, 0); font-size: 12pt;">IT</span></strong><strong><span style="color: rgb(0, 0, 0); font-size: 12pt;">NeQñm</strong><br/></span></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;ê�ÎNŽ N’NT€QÙ�ag NR_ï�åNT ÿ¿O†N㉆NN*N TÍ‹  Ùz•0£�öe‚‚ ÿ’NT€Q„vΘ‘NºNir†v/fÙz•úQ«Ž ÿ_Nck/fÙz•¤SOZΘIQàeP–„våeP[ ÿÙz•ìNNY´fÌ[„v "�Ì[^yÝ‹©‹ºNÀo¨R Nò]0 NÇ�ˆ_ïSÜ` ÿb/f(WÙz•«ˆ1Upˆ„vöe;Rb:N*NºNÙz•„vNXT0(W£�öe ÿseo(WýV…QÏ~Ç�àQt^„vÑSU\ ÿck/fZ¢~kp„vöeP ÿZPÙz•„vàQNNºN ºNý�(WŒseo ÿ09t^ó�10t^ ÿseo¾�0RÅ]ð\ ÿ_NïSåNô‹/fZ‰�Lq„vöeP0‚YÊNseo_Nb:NÂp'YWˆ„vN‰ ÿ\ºNî•%m†N0</span></p><p><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0);"><br/></span></p><p><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;<span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0); font-size: 12pt;">b—ù[‚YÊN„v“˜¿R ÿb:Nu;m ÿb:NtQ£� ÿb:NMR� ÿˆ_YÙz•ý�éeò]·~·~l�‹Wb �éb�úQ0 €b ÿ g›N Nåw@bªc„vZWˆ[@w ÿ gNN¥Ox^ÿb¸‹ ÿêS/fb¸‹b_Ný€b:NNO©wîv„vΘ‘NºNirbT?</span></span></p><p><br/></p><p style="text-align: center;"><img src="/b/UploadFiles_1759/201601/2016012115445310.jpg" width="400" height="400" border="0" hspace="0" vspace="0" title="" style="width: 400px; height: 400px;"/></p><p><br/></p><p><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0);"><strong><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0); font-size: 12pt;">Ùz•Wˆ_nm�Ž</span></strong></span></p><p><br/></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Q NÏ~8^ý€ w0R xxxQÙzg6eeQÇ�N„vÍd\OHh‹O  xxxQÙzåeZ�CSCQT@ˆR«N  xxxQÙz‚YUOZP0RxxxpNf�pN?b„v {|</p><p><span style="font-size: 3px; font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;«ˆ"�Ì[^yÝ‹8T_„vÙz• ÿ1\ÏP«ˆff¦h Õ~„vz‚ºNN7h ÿ(Wê�bŸ±R-NZWˆ[åN…_ ÿFO göeô•„v•^¿~0€ NOOÂ[Þ[„vºNOéeée�:W ÿ w N0R ^g„vºNO›QÃ_¨R Gd0�:W„vê� NÅ_tO ÿæ]óSGdFd€MbïS²`ÿ_'T ÿ¾– ‚ ÿYu'T ÿàeg0S_án�P[êS/fZ�±”0Z�±”„vaþVöe ÿZ�±”†N ÿƒzœU; NZ�±” ÿ1\O&q�Ž0@båN ÿÙz•Wˆ_nm �Ž0<br/></span></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);"><br/></span></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp; (WÙ�*Nnm�Ž„v¯sƒX N ÿ'YYpeºN N/f€Q†‚YUOZP}Yê�ñ]„vÙz ÿ‚YUOZP(u7bSOŒšeg8T_(u7b ÿxvzQÙz„vš[MOŒT…Q¹[I{Ù�›Nž[(�'`„v˜ ÿ €/fNè•Ã_`ó`@w`7h\O _·ƒÖSAmÏ‘ ÿ‚YUOý_ `(u7bv^—š¹p±” ÿ(uÀNHNKbµkte®W+RºN„vÙz& & </span></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp; b_Nˆ_nm�Ž ÿbv^¡l g£�HN}Y„v€'` ÿ_N¡l gðlq\)]ŽNMR €b— N9er‚„vG•š[0«ŽYÙ�*NW ÿS_ w0R gËSìNZ�±”0,T0RƒXG�î] NY„vÐgÐg�z6qÑSù�„vˆmo` ÿ €ê�ñ]ëkàe @b·ƒöe ÿ¾–MQ g›N Ns^aˆ;S_vQÖNºN·~·~®‹º‹MR�àeg ÿbl�‹Wb�:Wöe ÿb_NGdFd Nš[0àV:NÕkßzb_N w N0Rfg„v·^„^'YS� ÿÙ�7h„vZWˆ[v^àež[(�aIN0</span></p><p><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0);"><br/></span></p><p><span style="font-size: 12pt; color: rgb(0, 0, 0); font-family: ®_o�Å–Ñž;"><strong>’NT€Qˆ_'Y ÿÙz•ˆ_Y ÿFOwck g T g)R„v NY ÿ'Yè�Rý�êS/fÑ‘W[TX„vúW§^ €ò]0</strong></span></p><p><span style="color: rgb(0, 0, 0);"><strong><span style="color: blue;"><span style="color: rgb(0, 0, 0); font-size: 12pt; font-family: ®_o�Å–Ñž;">b</span><span style="color: rgb(0, 0, 0); font-family: ®_o�Å–Ñž; font-size: 12pt;">ý€ó`0RZë_PN„v‹N& & </span></span></strong></span></p><p><br/></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp; </p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;S_6q ÿZPÙz„vRwˆý�/fó`Z�¹p±”b€te¹pYë_±‚±‚ ÿïSÜ` ÿ'YYpe„vÙzý� NZ�±” ÿb€ô‹úW,g#c N0R±”0b_NúW,g¡lZ�0RÀNHN±” ÿKN@båN�O6qZWˆ[ ÿ/fàV:N(W*g0R #c0R±”KNMR ÿØ� g+R„vïSåNŸ±Rbç~í~Yuˆ[0Ôk‚YÓ~¤NN›N×_ TS�T„v„v gËS ÿÔk‚Y6e0RÐgMO gËSegê�™Q„vÐgÇ{‡eàz—_0R.^©R„va"Œ ÿÔk‚YïSåN:NŒšÁ‹Ðg*Nó`Õl ŒTGP¾‹ €Šb\Ùz\O:Nxvzù[aŒ ÿÔk‚Y\ÙzÖS—_„vÐg*N\bœg& & *YY*YY„v\œU¦`0\Ào¨R©‹b?aaYuˆ[ ÿÙ�/fÔkÑ‘±”ôf¾–„vN›NÅ`` ÿ_N/f«Ž:NL\N«ŽýN„vÙz•N Íyê�—_vQPN0</span></p><p><br/></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp; Ïkõ_ÊSdk ÿb;`/f:Nê�ñ]„vnm�Ž g›Nž'a ÿî]¹p÷�1Y†Nê�ñ]\O:NÙz•„vS�ï�0S_6q ÿàQNN¡l gÙz•ZPÙz/f¯~Žx:N†Nxvz€b/g ÿb€R«NÐg›NN‰ ÿÙz•„v¤SO</p><p><br/></p><p><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0);"><strong><span style="font-family: ®_o�Å–Ñž; color: rgb(0, 0, 0); font-size: 12pt;">Ùz•^—•EN</span></strong></span></p><p><br/><span style="color: rgb(0, 0, 0); font-family: ®_o�Å–Ñž; font-size: 12pt;">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;¡lºN?aaZPNˆ�P[Ùz•'T?àV:N göeL\N0wz<�0æ‚<�I{Ù�›NÍ‹Gl1\I{ TŽNÙz• ÿP``¡l gºN?aa•EN„v&^Ù�7h„v=^P[ ÿý�ó`ZPØšÌ[^ ÿT€_wmof™lénÔkúW<\_„vu;m0<br/><br/></span></p><p><span style="font-family: ®_o�Å–Ñž; font-size: 12pt; color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;@båN ÿ g›NºN N?a�QZPÙz•b€÷mù�Ùz•W†NÍS €/f}Y‹N ÿbwˆÃ_]y�yp�„vÙz•åNT„vï�p�„vôf½[0</span></p><p><br/></p><p><span id="_baidu_bookmark_end_8" style="display: none; line-height: 0px;"> </span><span id="_baidu_bookmark_end_6" style="display: none; line-height: 0px;"> </span><span id="_baidu_bookmark_end_4" style="display: none; line-height: 0px;"> </span><span id="_baidu_bookmark_end_2" style="display: none; line-height: 0px;"> </span></p> </div> <div class="post-footer"> <div class="flip1"> <li> NNÇ{‡eàzÿ <a class='LinkPrevArticle' href='/b/seo/9983.html' title='‡eàzh˜˜ÿ~v¦^¤‹:NÀNHN7h„vQÙzôf g“bÖSŒT6eU_÷N

~v¦^¤‹:NÀNHN7h„vQÙzôf g“bÖSŒT6eU_÷N</li> <li> NNÇ{‡eàzÿ <a class='LinkNextArticle' href='/b/seo/9985.html' title='‡eàzh˜˜ÿ2015°et^~v¦^'YK‹NöN�nŽN°e—{Õl  ^t=N \O&nbsp;&nbsp;&nbsp;&nbsp;€ÿ‘NOS ôf°eöeô•ÿ2016/1/21 15:44:57'>2015°et^~v¦^'YK‹NöN�nŽN°e—{Õl  ^t=N</a></li> </div> </div> </div> </div> <ul class="post-cards"> <li class="hots"> <p class="h4">¨cPƒ‡eàz</p> <ul> <li> <a class="area_hots" href="/b/seo/23402.html"> <img src="/b/UploadFiles_1759/201806/20180602121341778_S.jpeg" alt="ô‹f" /> <p class="h4">2018t^NLuog%„•‡eHhR�g</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/23401.html"> <img src="/b/UploadFiles_1759/201806/20180602120527839_S.jpg" alt="ô‹f" /> <p class="h4">2018t^Ygw‘CPno%„•</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22985.html"> <img src="/b/UploadFiles_1759/201604/2016042918274706_S.jpg" alt="ô‹f" /> <p class="h4">SEOâV–”^å‹wQYêT›N }(�</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22984.html"> <img src="/b/UploadFiles_1759/201604/2016042918274646_S.jpg" alt="ô‹f" /> <p class="h4">‚YUOÐcGSQÙzl�S‡sÿ</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22983.html"> <img src="/b/UploadFiles_1759/201604/2016042918274513_S.gif" alt="ô‹f" /> <p class="h4">•>\sQ.•Í‹„vOSžRÕl</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22982.html"> <img src="/b/UploadFiles_1759/201604/2016042918274568_S.jpg" alt="ô‹f" /> <p class="h4">ZS¢[«ˆK„vàQ*NŸSàV;`Ó~</p> <p class="h6 detail"></p> </a> </li> </ul> </li> </ul> </article> </section> <section class="table"> <article> <p class="line-title">QÙzSEOOS</p> <div class="tbl-header"> <table cellpadding="0" cellspacing="0"> <thead> <tr> <th class="h4">SEOÍd\O</th> <th class="h4"></th> <th class="h4"></th> <th class="h4">SEO{|‹W</th> </tr> </thead> </table> </div> <div class="tbl-content"> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="h6 category" colspan="2"><b>QÙzš[MO</b></td> </tr> <tr> <td class="h6">fnxQÙzš[MO0(u7bš[MO,9hnc§NÁT^\'`Ó~T(u7bd"}`Nï`Û�LˆsQ.•Í‹xvzŒTú^Ëz0</td> <td class="h6 detail enabled"></td> </tr> <tr> <td class="h6 category" colspan="2"><b>Ùz…QOS</b></td> </tr> <tr> <td class="h6">QÙzÓ~„gÊSHTMLãNxOS0h˜˜0Ïcð�0sQ.•Í‹š[INÿ</td> <td class="h6 detail enabled" rowspan="4"></td> </tr> <tr> <td class="h6">þVGrALTOS0ë_gq)euþVOS0H\STRONG\FONT\P\DIV\LIh~{OS</td> </tr> <tr> <td class="h6">þ”¥cAh~{¾‹n0URLOS0{kþ”0zzþ”0#÷Sþ”I{Yt</td> </tr> <tr> <td class="h6">‡e,g9SM‘NsQ.•W[¾‹n0ü[*‚OS0îvU_OS0æ‹Å`u˜OS</td> </tr> <tr> <td class="h6 category" colspan="2"><b>ÙzYOS</b></td> </tr> <tr> <td class="h6">~v¦^6eU_;N¨R÷‹BlãNx0QÙzSitemap.xml"}_¾‹n</td> <td class="h6 detail enabled" rowspan="3"></td> </tr> <tr> <td class="h6">Øš(�Ï‘Yþ”ŒTËSÅ`þ”¥cú^¾‹0URL_ü[6eU_Ðc¤N</td> </tr> <tr> <td class="h6">d"}SOŒšÊS)euþVOS0Qu˜ë_gqOS0Cg͑ċ§~ÐcGS</td> </tr> <tr> <td class="h6 category" colspan="2"><b>‡eàzÑS^€bç]</b></td> </tr> <tr> <td class="h6">h˜˜’‘îv0ÆQnx O�‡eàz`ó` ÿh˜˜wQYØš¦^„v;`Ó~'`ŒT‚iìb'`</td> <td class="h6 detail enabled" rowspan="4"></td> </tr> <tr> <td class="h6">sQ.•W[¾‹nÎN‡eàzh˜˜Ì‘Ðc¼p ÿÅ_îO cÍ‹Ä~Ðc¼p gcpe„vsQ.•Í‹</td> </tr> <tr> <td class="h6">‡eàzXd9SM‘sQ.•W[v^ß~ýchQ@\ ÿXd�‰Å_{˜ÆQnxhˆ¾�‡eàz„v‰¹p</td> </tr> <tr> <td class="h6">‡eàzM‘þVÅ_{˜121x75„v Ppe ÿ‡eàzÑS^TÅ_ZPURL6eU_Ðc¤N</td> </tr> <tr> <td class="h6 category" colspan="2"><b>SEOV{euN€bç]</b></td> </tr> <tr> <td class="h6">nxÝOþ”¥c«ˆ6eU_b_bë_gq ÿnxÝOQu˜ë_gqÂSNCg͑ċ§~</td> <td class="h6 detail enabled" rowspan="6"></td> </tr> <tr> <td class="h6">h˜˜(uè�R9SM‘ŸSR ÿÏcð�(uŒ[te9SM‘ŸSR</td> </tr> <tr> <td class="h6">’c T`—MR„v…Qþ”_ü[`—T„v ÿÐcØšd"}U\°s‡sŒT gHe¹pûQ</td> </tr> <tr> <td class="h6">…Q¹[(uŒ[te9SM‘0sQ.•W[ R—| ÿ…Qþ”•‡e,gNü[úQþ”¥cøvsQ</td> </tr> <tr> <td class="h6">þ”¥cB\§~Abs^S0îvU_€{íw ÿTtO(uQÙzü[*‚ŒTR{|</td> </tr> <tr> <td class="h6">Í‘�‰þ”¥c>e0R,{NO\ ÿ‡eHh…Q¹[9SM‘•>\Í‹ €^—;NÍ‹</td> </tr> <tr> <td class="h6 category" colspan="2"><b>ë_�’c T</b></td> </tr> <tr> <td class="h6">US*N.•Í‹/f&TÛ�eQd"}–™u˜bMR N</td> <td class="h6 detail enabled" rowspan="5"></td> </tr> <tr> <td class="h6">sQ.•W[Å_{˜(Wd"}_ÎdÓ~œg g’c T</td> </tr> <tr> <td class="h6">QÙz N—�‰Ç�YŒte0@\è�OS</td> </tr> <tr> <td class="h6">’c T�¦^ë_0N,‚2hTæ]óS</td> </tr> <tr> <td class="h6"> c¦~š[Œš6e¢[7bcš[„vsQ.•Í‹</td> </tr> <tr> <td class="h6 category" colspan="2"><b>teÙzOS</b></td> </tr> <tr> <td class="h6">te*NQÙzÎNd"}_ÎdÇ�eg„vAmÏ‘</td> <td class="h6 detail enabled" rowspan="6"></td> </tr> <tr> <td class="h6">êS�‰QÙz6eU_'YŽN100agsSïS</td> </tr> <tr> <td class="h6">QÙzÏk§~ý��‰ZPÙz…QŒteOS</td> </tr> <tr> <td class="h6">teÙzOSRgøvù[ƒ�ba</td> </tr> <tr> <td class="h6" rowspan="2">9hnc;NÍ‹cí~ibU\•>\Í‹</td> </tr> </tbody> </table> </div> </article> </section> <section class="faqs" style="padding:32px;"> <p class="line-title">SEO˜ÿFAQs ÿ</p> <article> <ul class="posts"> <li> <div class="faqsquestion"><span class="h3">QÙzTDK`HNš[IN?</span></div> <div class="faqsanswer"> <span class="h5 detail">fnxQÙzš[MO0(u7bš[MO,9hnc§NÁT^\'`Ó~T(u7bd"}`Nï`Û�LˆsQ.•Í‹xvzŒTú^Ëz0</span> </div> </li> <li> <div class="faqsquestion"> <span class="h3">Ùz…QOSS+TÀNHN…Q¹[ÿ</span> </div> <div class="faqsanswer"> <span class="h5 detail">Ùz…QOS;N�‰S+TQÙzãNxOSŒTQÙz…Q¹[Œte ÿ‚Y Nÿ</span> <ol class="faqslist"> <li class="h5 detail"> QÙzÓ~„gÊSHTMLãNxOS0h˜˜0Ïcð�0sQ.•Í‹š[INÿ</li> <li class="h5 detail">þVGrALTOS0ë_gq)euþVOS0H\STRONG\FONT\P\DIV\LIh~{OS</li> <li class="h5 detail">þ”¥cAh~{¾‹n0URLOS0{kþ”0zzþ”0#÷Sþ”I{Yt</li> <li class="h5 detail">‡e,g9SM‘NsQ.•W[¾‹n0ü[*‚OS0îvU_OS0æ‹Å`u˜OS</li> </ol> </div> </li> </ul> </article> </section> <section class="start dark"> <article> <p class="h2">ñm¦^ O­d ÿ¾|ÆQ·ƒ¢[</p> <p class="h5 detail">QÙzOS€�÷‹¨`Nw�¨cÛ�%„•¾|ÆQS0€{USSÿ</p> <nav class="buttons"> <a class="btn btn-standard4 area_start" href="tencent://message/?uin=77176696&Site=yunwuxian.com&Menu=yes" rel="nofollow" target="_blank">ËzsS¨Tâ‹</a> <nav> </article> </section> </main> <style> .dockAdvisory { position: fixed; right: 0; bottom: 200px; z-index: 999; } .dockAdvisory .tel { width: 70px; height: 70px; background: white; border: 1px solid #04cb94; border-radius: 3px; box-shadow: 0 1px 3px #7D7D7D } .dockAdvisory .tel:hover { cursor: pointer; } .dockAdvisory .tel .tel-window { width: 200px; height: 56px; line-height: 56px; background: white; position: absolute; z-index: 0; right: 0; z-index: -1; transform: translateX(100%); border: 1px solid #04cb94; color: #4A90E2; font-size: 22px; font-family: PingFangSC-Medium; text-align: center; margin-top: 7px; border-radius: 3px; } .dockAdvisory .tel .tel-button { font-family: PingFangSC-Light; font-size: 11px; color: #3aa2d0; text-align: center; line-height: 1; position: absolute; width: 70px; } .dockAdvisory .tel .tel-button .phonePic { display: inline-block; width: 40px; height: 40px; margin: 5px auto 5px; background: url('http://www.webseo.com.cn/imageseo/tel.svg') 0 0 no-repeat; background-size: 100% 100%; } @keyframes rightToLeft { to { transform: translateX(-68px) } } @keyframes leftToRight { from { transform: translateX(-70px) } to { transform: translateX(70%) } } .rightmoveLeft { animation: rightToLeft 1s forwards; } .leftmoveRight { animation: leftToRight 1s forwards; } @media all and (max-width:640px) { .telAdvice { display: none; } .dockAdvisory .tel { width: 45px; height: 45px; } .dockAdvisory .tel .tel-button { width: 45px; height: 45px; } .dockAdvisory .tel .tel-button .phonePic { display: inline-block; width: 32px; height: 32px; background: url('http://www.webseo.com.cn/imageseo/tel.png') 0 0 no-repeat; background-size: 100% 100%; } .tel-window{ display: none; } } </style> <div class="dockAdvisory"> <div class="tel" id="dockAdvisoryTel"> <div class="tel-button"> <div class="phonePic"></div> <div class="telAdvice">5uÝ‹¨Tâ‹</div> </div> <div class="tel-window" id="tel-window">18810118859</div> </div> </div> <script> var dockAdvisoryTel = document.getElementById("dockAdvisoryTel"); var telWindow = document.getElementById("tel-window"); var mouseEnterFun = function () { // console.log('mouseenter'); if (!/AppleWebKit.*Mobile.*/i.test(navigator.userAgent)) { telWindow.classList.remove('leftmoveRight') telWindow.classList.add('rightmoveLeft') } } var mouseLeaveFun = function () { // console.log('mouseleave'); telWindow.classList.remove('rightmoveLeft') telWindow.classList.add('leftmoveRight') } dockAdvisoryTel.addEventListener("mouseenter", mouseEnterFun) dockAdvisoryTel.addEventListener("mouseleave", mouseLeaveFun) dockAdvisoryTel.addEventListener("click", function(){ if (/AppleWebKit.*Mobile.*/i.test(navigator.userAgent)) { //ûy¨Rïz window.location.href = 'tel:18601360098' } }) </script> <footer> <div class="footer_grop"> <style type="text/css"> .footer_grop{width:100%;background-color:#222;padding:30px 0;} .foot_link{width:100%;padding-bottom:20px;margin:0 auto;text-align: center;} .foot_link a{display:inline-block;color:#E5E5E5;font-size:16px;position:relative;padding:0px 12px;margin-bottom: 5px;} .foot_link a:after{content:"";width:1px;height:21px;background:#fff;position:absolute;right:0;} .foot_link a:last-child:after{background:#222;} .footer_grop p{width:80%;margin:0 auto;font-size: 14px;color: #c3c3c3;text-align: center;line-height: 32px;} @media (max-width: 870px){.footer_grop p{width:95%;}} </style> <div class="foot_link"> <a href="http://bj.webseo.com.cn/" class="hot-city">S¬N</a><a href="http://sh.webseo.com.cn/" class="hot-city"> Nwm</a><a href="http://gz.webseo.com.cn/" class="hot-city">^Þ]</a><a href="http://sz.webseo.com.cn/" class="hot-city">ñm3W</a><a href="http://cd.webseo.com.cn/" class="hot-city">bý�</a><a href="http://hz.webseo.com.cn/" class="hot-city">mgÞ]</a><a href="http://nj.webseo.com.cn/" class="hot-city">WS¬N</a><a href="http://tj.webseo.com.cn/" class="hot-city">)Y%m</a><a href="http://wh.webseo.com.cn/" class="hot-city">fkIl</a><a href="http://cq.webseo.com.cn/" class="hot-city">Í‘†^</a> </div> <p>‘NàeP–Nèl~v¦^d"}_ÎdOSŒTsQ.•Í‹’c T g¡R ÿ(uSEO€b/g:N¨`Í‘„gQÙz09eÛ�QÙz(�Ï‘ŒT(u7bSOŒš0án³�d"}_ÎdĉRŒTÐcGS¢[7bl�S0</p> </div> </footer> <script src="http://www.webseo.com.cn/imageseo/layout.js"></script> <script src="http://www.webseo.com.cn/imageseo/header.js"></script> <script src="http://www.webseo.com.cn/imageseo/jquery.js"></script> <script src="http://www.webseo.com.cn/imageseo/faq.js"></script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>