<!doctype html> <html> <head> <title>ONÙz¹pSEO/f`7h¼pb„v_d"}_Îd_‘NOS%„•¨c^</title> <meta name="keywords" content="ONÙz¹pSEO/f`7h¼pb„v" /> <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">ONÙz¹pSEO/f`7h¼pb„v</h1> <div class="post-meta"> <p class="h6 detail underline"> <time class="post-date" datetime="2016/1/21 15:58:29">2016/1/21 15:58:29</time> </p> </div> </div> <div class="post-content"> <p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">ù[ŽNONÙzegô‹SEOìNÏ~8^OG�0RQÙzàe…Q¹[ïSôf°e ÿ~b N0RøvsQ„vLˆNQÙz„vËSþ” ÿ(W¨c^OSÇ� z-N;`OG�0RTÍyT7h„vðVƒX ÿ Nb—beg�NR«Nb‚YUO㉳QÙ�›NðVƒX„v¹eÕl0</span></p><p style="text-indent: 2em; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-family: ‹[SO, SimSun; font-size: 18px;">&…Q¹[ôf°e ŸSRb¾–˜˜</span></strong></span></p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">øváOONÙz„vSEOìNý� g Ta ÿ:N†Nd"}_Îd‡Û†Ïk!keg“bÖS g°e„v…Q¹[ ÿONÙzÏk)Yý��‰ÝOcQÙz…Q¹[„vôf°e ÿïSQÙzúW,g NÈS¡l gù[”^„vhîvb/fˆ_¾–~b0Rdk¹eb—„váOo` ÿó`�‰ŸSRONÙz„v…Q¹[ôf/f¾– N R¾– ÿó`�‰*OŸSRý� N*YïSý€ ÿˆ_YONÙz:N†Nôf°e ÿúW,g NÏk)Yôf°e„vý�/fLˆN°eû•D�¯‹{|„v…Q¹[ ÿÙ�7h„v‡eàzïSó` €åwý�/fǑƖÇ�eg„v ÿê�ñ]_NàeÕlŸSR0FOÙ�1\¾–:N†NSEOºNXT†N ÿ'Y¶[ý�ŸSR…Q¹[/fQÙz„v9h,g ÿó`�‰QÙz•EN„vÑSU\ ÿ1\Nš[�‰ gQÙz…Q¹[„v/ec ÿ&TR ÿNRý�/fMQŒ„v0</span></p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">ONÙzó`�‰wckŸSR„v…Q¹[/fàQNN NïSý€„v ÿd–^—lQøSÏ~8^ gê�ñ]„v°eû• ÿ g°e„v§NÁT ÿ&TR ÿˆ_¾–ŸSR…Q¹[„v ÿN¡R1\£�HNY ÿlQøSQÙzÈS NO)Y)Yý� g°eû• ÿ£�SEOºNXT:N†NQÙzOS ÿd"}_Îd‡Û†ŒT(u7b g°e…Q¹[ w ÿ£�1\êSý€=\Z'Y„vïSý€ ÿ(WǑƖ+RºNQÙzöe ÿ R Nê�ñ]„vN›N‰¹p ÿù[‡eàzÛ�LˆØš(�Ï‘„v*OŸSR ÿZP›NN›N(u7bÏ~8^Od"}„vÍ‹ ÿFOvQÖNONÙzúW,gý�¡lZPÇ�„vÍ‹ ÿê�ñ]tet™Q¹pÙ�7h„vŸSR…Q¹[ ÿØ�/fLˆ„v�„v ÿ&TR ÿ‚Yœg‡eàzÏk)Yý�/fǑƖ ÿ N Rå] ÿ¡l gê�ñ]„vN¹p`ó` ÿQÙz…Q¹[¡lN¹pyrr‚ ÿ‚YUO8T_OOÛ†Û†ŒT(u7b0</span><img src="/b/UploadFiles_1759/201601/2016012115582983.jpg" title="u=622682549,4039280977&amp;fm=23&amp;gp=0.jpg" style="text-indent: 32px; float: right;"/><span style="color: rgb(255, 0, 0);"><strong><span style="font-family: ‹[SO, SimSun; font-size: 18px;"><strong style="color: rgb(255, 0, 0); text-indent: 32px; white-space: normal;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;"><br/></span></strong></span></strong></span></p><p style="text-indent: 2em; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-family: ‹[SO, SimSun; font-size: 18px;"><strong style="color: rgb(255, 0, 0); text-indent: 32px; white-space: normal;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">&</span></strong>ZP}Y…Q¹[OS “bOOzz:</span></strong></span><span style="color: rgb(255, 0, 0);"><strong><span style="font-family: ‹[SO, SimSun; font-size: 18px;"></span></strong></span></p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">ù[ŽNdk{|…Q¹[”^å‹`HNZPÙz…QOSbT?‚YœgǑƖÇ�egôv¥c1\>e0RQÙz N NÇ�N ÿ£�`O„vQÙzó`�‰(Wd"}_ÎdÌ‘ g*N}Y„v’c T/f^—8^¾–„v ÿÕkßz°s(W TLˆN„vONÙz/fŠ�egŠ�Y†N ÿÞz‰N/f^—8^'Y„v ÿv^ N/fô‹êS g`ON*NQÙz ÿ�–¿O_N N ÿ1\ïSåN(Wd"}_ÎdÌ‘·ƒ—_ˆ_}Y„v’c T ÿON€gìN°s(WŠ�egŠ�͑ƉQÜ~Ù�WW^:W ÿ•beQ†N'YÏ‘„vºN›R ÿir›R ÿ"�›R ÿàVdk ÿ°s(Wˆ_Y„vONÙzý� gNè•„vSEOºNXTŒT‘�ºNXT(W�#� ÿàVdk ÿÙ�1\�‰Bl‘�ºNXTŒTSEOºNXT(Wôf°eQÙz…Q¹[öe ÿNš[�‰èla…Q¹[„vOS ÿZP}Y‡eàz„vURL ÿh˜˜ ÿsQ.•Í‹ ÿÏcð� ÿ…Qþ”I{T¹eb—„vOSå]\O0</span></p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">'Y¶[ïSCSN N�‰\ w†NÙ�Nå]\O ÿQÙz…Q¹[„vOSôv¥csQû|@wQÙz’c T„v}YOW ÿÆ~Ã_„vÙz•OÑS°s°s(Wˆ_Y„vONÙz ÿý�/f¡l g…Qþ”„v ÿù[‡eàz„vh˜˜ŒTÏcð�Ù�WW_N¡l*Y(Wa ÿˆ_>f6q/f¡l gNN„vSEOºNXT(WZPQÙzOS ÿb/f�#�dky˜å]\O„vºNXT N*YÂa ÿ£�HN ÿdköe1\�‰Bl z®_ÂaLˆ„vONÙz•ìNEQR„v)R(u}YÙ�Nzz: ÿŠb+RºN¡lZP„vÙ�WWÙ~eˆÞVeg ÿ €NZP0R�gô� ÿ£�HN ÿ`O1\»ybŸR NÜ�†N0</span></p><p style="text-indent: 2em; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-family: ‹[SO, SimSun; font-size: 18px;"><strong style="color: rgb(255, 0, 0); text-indent: 32px; white-space: normal;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">&</span></strong>Yþ”ú^¾‹ øvsQ'`¾–</span></strong></span></p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">'Y¶[ý�åwS�(WZPËSÅ`þ”¥c„vöeP ÿZ}Yý€~b TLˆN„vøvsQÙz¹p ÿv^N�‰ß�ê�ñ] TI{ ÿb/f z®_}Y„vÙz¹p ÿÙ�7h„vËSÅ`þ”¥cMb/fZ g÷N</p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">SEOìN(WÛ�LˆYþ”ú^¾‹„vöeP ÿ‚Yœgž[(W~b N0RøvsQ„vQÙz ÿº‹[W ÿ£�Z}Yý€Y™QN›NØš(�Ï‘„vo�‡e ÿÙ�7h„vYþ”/f^—8^ g(�Ï‘„v ÿ(u7bê�Lˆl�}� ÿ(WTÍy N T„vQÙz NÑS^ ÿ‚Yœg`O„v‡eàz(�Ï‘Ôkƒ�}Y ÿ1\ôf gïSý€«ˆN›N^—8^CgZ ÿØšCgÍ‘„vQÙz NÑS^ ÿÙ�7hYþ”ú^¾‹„v˜_N1\㉳Q†N0S_6qd–†No�‡e ÿØ� gR{|áOo` ÿËSÅ`þ”¥c ÿR{|îvU_ ÿÊSB2Bs^ðSI{ ÿÙ�›Ný�/f^—8^}Y„vYþ”ú^¾‹„vs^ðS ÿù[ŽN°e„vONÙz¹pegô‹ ÿMRg1\ïS�Ç�Ù�{|s^ðSegZPQÙz„vYþ”ú^¾‹å]\O ÿÙ�{|Ùz¹pCgÍ‘ý�/f^—8^Øš„v ÿSEOìNïSåN}Y}Y„v)R(u N0</span></p><p style="text-indent: 2em; text-align: left;"><span style="font-family: ‹[SO, SimSun; font-size: 18px;">ù[ŽNONÙz¹pegô‹G�0R„v¾–˜˜Ø� gˆ_Y ÿÙ�Ì‘ŠbÙz•ìNZ8^G�0R ÿZúW@x„vàQ¹pRúQeg—{/fÙ~N›NONÙz„vSEOºNXTÐc*N’‘'T ÿó`�‰ZP}YONÙzˆ_ðV¾–„v ÿFOÙ�/fîvMRSEO„vN'YWW…Q¹[ ÿ@båNbìNÅ_{˜f[Oôf}Y„v»SŒ[bƒ[0</span></p> </div> <div class="post-footer"> <div class="flip1"> <li> NNÇ{‡eàzÿ <a class='LinkPrevArticle' href='/b/seo/11207.html' title='‡eàzh˜˜ÿêTÍy¹pûQ¹e_/fZ}Y„v �éb \O&nbsp;&nbsp;&nbsp;&nbsp;€ÿ‘NOS ôf°eöeô•ÿ2016/1/21 15:58:29'>êTÍy¹pûQ¹e_/fZ}Y„v �éb</a></li> <li> NNÇ{‡eàzÿ <a class='LinkNextArticle' href='/b/seo/11209.html' title='‡eàzh˜˜ÿ(uZP•.U„v(uZP•.U„v</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>