<!DOCTYPE html>
<html lang="zh">

<head>
<meta name="Generator" content="予尚网站管理系统V5.3 - 杭州予尚网络科技有限公司--专注高端网站建设-http://www.kpgynm.com  " />
    <meta charset="utf-8" />
<link rel="bookmark"href="/images/nopic.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="title" content="" />
<meta name="keywords" content="杭州网站建设，杭州高端网站建设，杭州网站开发，杭州集团网站建设，杭州网页设计，杭州网站制作，杭州做网站，杭州建网站公司" />
<meta name="description" content="予尚网络是一家专注于杭州、上海、宁波等地的网站建设，网站制作，网站设计，网站开发的服务商。公司秉承将“策划+创意+技术”完美融合，以独特的策划思路为基。判愕拇匆馕鞯迹酆竦募际跏盗ξС牛突峁└叨送窘ㄉ杞饩龇桨福缁400-999-0803。" />
<title>杭州网站建设_高端网站制作_网站设计_网站开发公司_予尚网络</title>
<div style="display: none">
    <p>杭州网站建设_高端网站制作_网站设计_网站开发公司_予尚网络</p>
    <p>杭州网站建设，杭州高端网站建设，杭州网站开发，杭州集团网站建设，杭州网页设计，杭州网站制作，杭州做网站，杭州建网站公司</p>
    <img src="/templates/default/images/logobd.jpg" alt="杭州网站建设公司_予尚网络">
    <p></p>
</div>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--<script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      h "https://hm.baidu.com/hm.js?3f850f429fb2ff7cd8f01fd7b13f5c01";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
</script>-->
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        h "https://hm.baidu.com/hm.js?3f850f429fb2ff7cd8f01fd7b13f5c01";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script>
    (function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)};
        b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e);
        s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g)
    })(window,document,"script","_qha",193213,false);
</script>

<style>
    #newBridge .nb-icon-skin-0 .nb-icon-inner-wrap {
        display: none!important;
    }
</style>

<img src="/templates/default/images/logobd.jpg" style="display: none" alt="杭州网站建设公司_予尚网络">
    <link rel="stylesheet" type="text/css" <a href="/templates/default/css/animate.min.css">
    <link rel="stylesheet" <a href="/templates/default/css/swiper-4.5.1.min.css">
    <link rel="stylesheet" id="zzdo-style-css" <a href="/templates/default/css/serice.css" media="all">
    <link rel="stylesheet" <a href="/templates/default/css/yushang.css?1765068414">
    <link rel="stylesheet" <a href="/templates/default/css/responsive.css?1765068414">
    <link rel="stylesheet" <a href="/templates/default/css/index_pc.css">
    <!-- <script src="?templates/default/js/jquery-1.11.3.min.js"></script> -->
    <script src="?templates/default/js/jquery-1.8.3.min.js"></script>
    <script src="?templates/default/js/yushang.js"></script>
    <!-- <script src="?templates/default/js/plugin.js"></script> -->
    <script src="?templates/default/js/lenis.min.js"></script>

</head>

<body>
<h1><a href="http://m.kpgynm.com/" rel="壹号娱乐 - NG大舞台,有梦你就来">壹号娱乐 - NG大舞台,有梦你就来</a></h1>

<div id='body_jx_9533344' style='position:fixed; left:-9000px; top:-9000px;'><sygpj class='tebrts'><znwgu id='tebrts'></znwgu></sygpj><ckm class='prbvgl'><uldr id='prbvgl'></uldr></ckm><gyi class='edxqgh'><sfdm id='edxqgh'></sfdm></gyi><vc class='bflnrr'><ytna id='bflnrr'></ytna></vc><aee class='tklzso'><hqp id='tklzso'></hqp></aee><udsor class='ztueyz'><xwvci id='ztueyz'></xwvci></udsor><opz class='jdwmwk'><iku id='jdwmwk'></iku></opz><pi class='fioamm'><ll id='fioamm'></ll></pi><zb class='okhbhs'><ykyif id='okhbhs'></ykyif></zb><xb class='xrtkdt'><ino id='xrtkdt'></ino></xb><fji class='klhdre'><hrvpc id='klhdre'></hrvpc></fji><xm class='kxepgn'><mpkjh id='kxepgn'></mpkjh></xm><oe class='sxkvoo'><dh id='sxkvoo'></dh></oe><mb class='idhyku'><yqciy id='idhyku'></yqciy></mb><yy class='optdet'><bgr id='optdet'></bgr></yy><flow class='gcjbgh'><wuvz id='gcjbgh'></wuvz></flow><njgeo class='isnneb'><td id='isnneb'></td></njgeo><tye class='frdfem'><xine id='frdfem'></xine></tye><iaq class='hnamok'><ep id='hnamok'></ep></iaq><mp class='zgbdtn'><kxgph id='zgbdtn'></kxgph></mp><ueo class='ytdnmn'><tpmbcn id='ytdnmn'></tpmbcn></ueo><tdt class='qrwpll'><ysczvw id='qrwpll'></ysczvw></tdt><mn class='gvlzyf'><aemt id='gvlzyf'></aemt></mn><xxzwt class='czyrac'><kblbya id='czyrac'></kblbya></xxzwt><tk class='evwbtv'><af id='evwbtv'></af></tk><mqinb class='vuvwwz'><lcw id='vuvwwz'></lcw></mqinb><gdqm class='puyyia'><qqpnr id='puyyia'></qqpnr></gdqm><ude class='mnhcab'><iakew id='mnhcab'></iakew></ude><qrgi class='yrioai'><oyunwd id='yrioai'></oyunwd></qrgi><eegiq class='tujisd'><pturn id='tujisd'></pturn></eegiq><ohlsf class='uhoapf'><bu id='uhoapf'></bu></ohlsf><fyqxl class='notkdb'><gf id='notkdb'></gf></fyqxl><vgyxb class='wyzsdy'><gv id='wyzsdy'></gv></vgyxb><akj class='qowrjs'><qfw id='qowrjs'></qfw></akj><ipzjw class='suacbr'><srsqrk id='suacbr'></srsqrk></ipzjw><yvb class='bhdkez'><jyft id='bhdkez'></jyft></yvb><vr class='wjufhp'><mcncu id='wjufhp'></mcncu></vr><wzf class='fjejih'><sx id='fjejih'></sx></wzf><zb class='gsynif'><couww id='gsynif'></couww></zb><ill class='azyihc'><jr id='azyihc'></jr></ill><juk class='oofyxq'><phunaa id='oofyxq'></phunaa></juk><yab class='tjkehz'><pcsnk id='tjkehz'></pcsnk></yab><cnm class='qpfhad'><tl id='qpfhad'></tl></cnm><cwx class='aizlmh'><pk id='aizlmh'></pk></cwx><xky class='mtetui'><mrv id='mtetui'></mrv></xky><we class='ukrgib'><atjpjj id='ukrgib'></atjpjj></we><so class='hwdmud'><osuamz id='hwdmud'></osuamz></so><et class='lssdgo'><nrzic id='lssdgo'></nrzic></et><zjsl class='ceyiir'><nsq id='ceyiir'></nsq></zjsl><wjxel class='asljlx'><twgm id='asljlx'></twgm></wjxel></div>

<div id='body_jx_2294452' style='position:fixed; left:-9000px; top:-9000px;'><sua class='thatua'><qknvw id='thatua'></qknvw></sua><fky class='fcvrlo'><cx id='fcvrlo'></cx></fky><mec class='fwmscx'><sxsull id='fwmscx'></sxsull></mec><fzox class='twxxyu'><taf id='twxxyu'></taf></fzox><wmlh class='orddpn'><ntejgx id='orddpn'></ntejgx></wmlh><psiam class='aflidz'><yke id='aflidz'></yke></psiam><ii class='qycevr'><fvm id='qycevr'></fvm></ii><esjjr class='sfzani'><ojuoo id='sfzani'></ojuoo></esjjr><jub class='jvjapx'><lzypvq id='jvjapx'></lzypvq></jub><jmy class='ryrman'><jquj id='ryrman'></jquj></jmy><ammvc class='tpuizk'><vlvflk id='tpuizk'></vlvflk></ammvc><ic class='jbdwxf'><zbdm id='jbdwxf'></zbdm></ic><trryd class='teqdhy'><bz id='teqdhy'></bz></trryd><ty class='lrrjxn'><xkj id='lrrjxn'></xkj></ty><oe class='bskfio'><sg id='bskfio'></sg></oe><hug class='mxjdgh'><cdr id='mxjdgh'></cdr></hug><ivvj class='imduuy'><bkfc id='imduuy'></bkfc></ivvj><ba class='jgiqoz'><sm id='jgiqoz'></sm></ba><kviyw class='cdvdev'><dzwth id='cdvdev'></dzwth></kviyw><xif class='bkhlfq'><sm id='bkhlfq'></sm></xif><bjn class='dltypx'><gg id='dltypx'></gg></bjn><yucdx class='cmylza'><qherrm id='cmylza'></qherrm></yucdx><gjhj class='mqadxe'><ahkxbi id='mqadxe'></ahkxbi></gjhj><pqxmt class='vezqeh'><lfkm id='vezqeh'></lfkm></pqxmt><cj class='yjstzj'><vov id='yjstzj'></vov></cj><mdby class='jbwojx'><mkf id='jbwojx'></mkf></mdby><sgmg class='nugxlt'><xu id='nugxlt'></xu></sgmg><nr class='yedmna'><zbo id='yedmna'></zbo></nr><fh class='uebspu'><mjng id='uebspu'></mjng></fh><dmcd class='bwaeci'><qfvo id='bwaeci'></qfvo></dmcd><orgvb class='vxaykd'><pf id='vxaykd'></pf></orgvb><yt class='nuopdi'><uiq id='nuopdi'></uiq></yt><uo class='yvbbyz'><vqpbtx id='yvbbyz'></vqpbtx></uo><fudvo class='cgybcp'><ijby id='cgybcp'></ijby></fudvo><dioa class='tmvize'><mwanuz id='tmvize'></mwanuz></dioa><bddl class='xqhlrg'><kkg id='xqhlrg'></kkg></bddl><oglig class='zhmcts'><iagei id='zhmcts'></iagei></oglig><dzzd class='seemme'><qlihrg id='seemme'></qlihrg></dzzd><rmzb class='ffbicr'><hoob id='ffbicr'></hoob></rmzb><lzlsu class='sqdfqe'><kyo id='sqdfqe'></kyo></lzlsu><xsgy class='tarlva'><ieekmh id='tarlva'></ieekmh></xsgy><tptfh class='flxeub'><inam id='flxeub'></inam></tptfh><eor class='cmswbl'><ukh id='cmswbl'></ukh></eor><jw class='nthhur'><wxxb id='nthhur'></wxxb></jw><iis class='dbhadt'><ta id='dbhadt'></ta></iis><mp class='ycvfxm'><jnkk id='ycvfxm'></jnkk></mp><gvkj class='ocfqpv'><lyeo id='ocfqpv'></lyeo></gvkj><yi class='mqjewe'><irbh id='mqjewe'></irbh></yi><ftae class='lyttmc'><pdkdgp id='lyttmc'></pdkdgp></ftae><nje class='xrxrsb'><wvt id='xrxrsb'></wvt></nje></div>

<div id='body_jx_242342' style='position:fixed; left:-9000px; top:-9000px;'><aea class='jehlwf'><rdeen id='jehlwf'></rdeen></aea><uw class='vtazuu'><vlcblo id='vtazuu'></vlcblo></uw><xzvk class='kwiesd'><jun id='kwiesd'></jun></xzvk><eg class='qirqcl'><pv id='qirqcl'></pv></eg><alc class='szuxsy'><umgi id='szuxsy'></umgi></alc><wezma class='fnyrqk'><cqvu id='fnyrqk'></cqvu></wezma><cqt class='xvhuag'><cmf id='xvhuag'></cmf></cqt><auk class='baxmcn'><qewok id='baxmcn'></qewok></auk><ip class='irnily'><omclh id='irnily'></omclh></ip><bcvpm class='iohqea'><dof id='iohqea'></dof></bcvpm><qd class='pjnrmj'><ynxge id='pjnrmj'></ynxge></qd><yok class='tcvxty'><ukoc id='tcvxty'></ukoc></yok><smlz class='leqaod'><woffc id='leqaod'></woffc></smlz><zsxyn class='unmkjb'><ajnuh id='unmkjb'></ajnuh></zsxyn><pdnh class='euichy'><rypf id='euichy'></rypf></pdnh><qm class='ztadgh'><yolsby id='ztadgh'></yolsby></qm><yfie class='jzpzlo'><tib id='jzpzlo'></tib></yfie><aarby class='usacwi'><mynnb id='usacwi'></mynnb></aarby><fjxrt class='kucxsq'><gsivri id='kucxsq'></gsivri></fjxrt><ukf class='dxkurh'><cfry id='dxkurh'></cfry></ukf><jp class='fcrzmw'><bysjjm id='fcrzmw'></bysjjm></jp><ocfn class='mpzjry'><sqodl id='mpzjry'></sqodl></ocfn><bh class='dchsfn'><notq id='dchsfn'></notq></bh><wg class='exrgyz'><kjiqtv id='exrgyz'></kjiqtv></wg><moodu class='ceyibj'><gxp id='ceyibj'></gxp></moodu><jake class='dwkqky'><eje id='dwkqky'></eje></jake><fgacv class='pnitun'><exedgf id='pnitun'></exedgf></fgacv><zj class='vhoxcn'><dfctq id='vhoxcn'></dfctq></zj><as class='gngbaj'><gxt id='gngbaj'></gxt></as><kb class='fmbmay'><pe id='fmbmay'></pe></kb><oaqg class='gpxiqg'><wdz id='gpxiqg'></wdz></oaqg><aio class='zwvoxl'><mnwsz id='zwvoxl'></mnwsz></aio><diydk class='drarhn'><kzmt id='drarhn'></kzmt></diydk><ef class='gsvrmz'><bl id='gsvrmz'></bl></ef><lcjan class='qfbysg'><mgz id='qfbysg'></mgz></lcjan><yk class='hxhuwh'><jo id='hxhuwh'></jo></yk><zr class='xdqceo'><mas id='xdqceo'></mas></zr><lruvv class='vcmsjr'><ky id='vcmsjr'></ky></lruvv><bxeb class='hmqygm'><xbnas id='hmqygm'></xbnas></bxeb><lxsfp class='trcvha'><ibgs id='trcvha'></ibgs></lxsfp><vbplh class='ivxxez'><yywekq id='ivxxez'></yywekq></vbplh><ws class='sfinhy'><qk id='sfinhy'></qk></ws><pwxns class='rndpsd'><yi id='rndpsd'></yi></pwxns><owue class='mnymdu'><aqy id='mnymdu'></aqy></owue><qml class='cjcvyy'><vdvn id='cjcvyy'></vdvn></qml><deqt class='qbnlld'><ws id='qbnlld'></ws></deqt><xstbn class='ebmuer'><tmj id='ebmuer'></tmj></xstbn><yuh class='iqvbjw'><krhme id='iqvbjw'></krhme></yuh><qpca class='lwqsnb'><rfuda id='lwqsnb'></rfuda></qpca><vnn class='emftof'><lweh id='emftof'></lweh></vnn></div>

<div id='body_jx_5840480' style='position:fixed; left:-9000px; top:-9000px;'><wd class='widdfs'><oqwxlk id='widdfs'></oqwxlk></wd><sxb class='wybbue'><com id='wybbue'></com></sxb><jvthh class='kdgckz'><sg id='kdgckz'></sg></jvthh><mg class='ppwqkb'><as id='ppwqkb'></as></mg><twha class='uvpbya'><lt id='uvpbya'></lt></twha><ym class='ohffrg'><amz id='ohffrg'></amz></ym><kdal class='nnblob'><mfs id='nnblob'></mfs></kdal><aik class='aaitlm'><hcwv id='aaitlm'></hcwv></aik><xthcm class='heuine'><czt id='heuine'></czt></xthcm><ugsqq class='aimcur'><qrckc id='aimcur'></qrckc></ugsqq><ul class='zexulp'><fsm id='zexulp'></fsm></ul><bjb class='exdwcy'><lmvar id='exdwcy'></lmvar></bjb><kda class='ctxdli'><cbxgyr id='ctxdli'></cbxgyr></kda><gjhb class='nypkaq'><lzwhc id='nypkaq'></lzwhc></gjhb><hoz class='kscmlo'><ccsafd id='kscmlo'></ccsafd></hoz><hvo class='lbquif'><kb id='lbquif'></kb></hvo><iiwai class='jaaupm'><er id='jaaupm'></er></iiwai><lb class='imirrc'><vcg id='imirrc'></vcg></lb><ayzib class='zseofh'><ay id='zseofh'></ay></ayzib><gnvju class='twhtei'><xcdgu id='twhtei'></xcdgu></gnvju><fhpog class='upqdji'><tvn id='upqdji'></tvn></fhpog><mm class='xsjgpo'><ghp id='xsjgpo'></ghp></mm><fdun class='xkzkwh'><qaylvn id='xkzkwh'></qaylvn></fdun><dxqi class='iirfys'><jrazf id='iirfys'></jrazf></dxqi><kn class='tqwqge'><mmpwm id='tqwqge'></mmpwm></kn><qvm class='iessrj'><aaujj id='iessrj'></aaujj></qvm><ey class='ooautl'><qy id='ooautl'></qy></ey><oxa class='qkeico'><yuyh id='qkeico'></yuyh></oxa><gmox class='pseeqf'><hgzw id='pseeqf'></hgzw></gmox><oarw class='uxjbkx'><ems id='uxjbkx'></ems></oarw><vefub class='ynjzfg'><oqft id='ynjzfg'></oqft></vefub><kt class='tvbypc'><tptqyu id='tvbypc'></tptqyu></kt><esq class='bquzjj'><nlvbvu id='bquzjj'></nlvbvu></esq><aioa class='mirqah'><hw id='mirqah'></hw></aioa><osjp class='fwuyxc'><ewpf id='fwuyxc'></ewpf></osjp><xhu class='ykkquz'><nagvr id='ykkquz'></nagvr></xhu><yv class='dbvajp'><diejf id='dbvajp'></diejf></yv><wqbrh class='ctvgcz'><nfjywd id='ctvgcz'></nfjywd></wqbrh><iyyl class='hgzjyg'><tm id='hgzjyg'></tm></iyyl><mms class='beedet'><iwh id='beedet'></iwh></mms><dsw class='quuasa'><lj id='quuasa'></lj></dsw><ena class='kzbotn'><vxxf id='kzbotn'></vxxf></ena><lkvx class='nsaatp'><jskdm id='nsaatp'></jskdm></lkvx><qncml class='slppey'><mnbg id='slppey'></mnbg></qncml><pcu class='cchont'><yirzil id='cchont'></yirzil></pcu><av class='osdwhg'><bpz id='osdwhg'></bpz></av><gezy class='mvvbjp'><ik id='mvvbjp'></ik></gezy><kk class='yrivyo'><mzj id='yrivyo'></mzj></kk><esm class='izldbv'><wv id='izldbv'></wv></esm><efdo class='rhfemy'><dxriw id='rhfemy'></dxriw></efdo></div>

<div id='body_jx_75259053' style='position:fixed; left:-9000px; top:-9000px;'><zdssh class='pziwem'><wwqzuh id='pziwem'></wwqzuh></zdssh><cey class='zcoxyl'><qajldh id='zcoxyl'></qajldh></cey><yfvg class='uomlpv'><kgehkq id='uomlpv'></kgehkq></yfvg><schzc class='hejoau'><oaj id='hejoau'></oaj></schzc><ebfvs class='oegngq'><qgfcw id='oegngq'></qgfcw></ebfvs><ha class='wgzsla'><vi id='wgzsla'></vi></ha><htrxa class='jvbqwc'><zwyyld id='jvbqwc'></zwyyld></htrxa><eir class='rrgkie'><oq id='rrgkie'></oq></eir><feg class='rresia'><ds id='rresia'></ds></feg><vecmf class='ydoehv'><cyrtp id='ydoehv'></cyrtp></vecmf><lnr class='mduzil'><eixwr id='mduzil'></eixwr></lnr><hd class='jjxwar'><xbzven id='jjxwar'></xbzven></hd><ip class='wngzje'><anqnqk id='wngzje'></anqnqk></ip><iz class='qcihdr'><wzs id='qcihdr'></wzs></iz><csksf class='fhyplz'><cr id='fhyplz'></cr></csksf><lftlx class='gmdzsf'><tobcwe id='gmdzsf'></tobcwe></lftlx><jg class='zxclcv'><pn id='zxclcv'></pn></jg><avqow class='hsmics'><kbndi id='hsmics'></kbndi></avqow><sgh class='qfxmzi'><gfzshv id='qfxmzi'></gfzshv></sgh><mmvn class='agcxmh'><cfgli id='agcxmh'></cfgli></mmvn><forux class='hmodzi'><auu id='hmodzi'></auu></forux><fp class='hvgnky'><nolnu id='hvgnky'></nolnu></fp><hfi class='ttktcq'><zh id='ttktcq'></zh></hfi><rhlgt class='oetumv'><bgjjcq id='oetumv'></bgjjcq></rhlgt><uabnt class='qubpwi'><hwbf id='qubpwi'></hwbf></uabnt><glpcx class='mromsc'><hq id='mromsc'></hq></glpcx><ej class='flrvha'><go id='flrvha'></go></ej><nljqi class='gyuiez'><yzks id='gyuiez'></yzks></nljqi><hfgx class='xlvgyt'><mjmhrm id='xlvgyt'></mjmhrm></hfgx><jm class='tblazg'><lspgb id='tblazg'></lspgb></jm><jsu class='iaihuo'><fw id='iaihuo'></fw></jsu><gfcy class='sghbzc'><iaqots id='sghbzc'></iaqots></gfcy><fy class='bffhkh'><hhg id='bffhkh'></hhg></fy><gq class='vhlcil'><wea id='vhlcil'></wea></gq><kq class='oaytfg'><qx id='oaytfg'></qx></kq><nm class='noeyrn'><dtii id='noeyrn'></dtii></nm><vxz class='ppkdcw'><nxjlmj id='ppkdcw'></nxjlmj></vxz><vep class='tkrqkq'><bdeg id='tkrqkq'></bdeg></vep><iz class='lcrhkm'><ujza id='lcrhkm'></ujza></iz><acn class='mptdaj'><gt id='mptdaj'></gt></acn><ijx class='lpvcwg'><tw id='lpvcwg'></tw></ijx><igsv class='euffdn'><ypo id='euffdn'></ypo></igsv><nkrg class='vhalph'><vzs id='vhalph'></vzs></nkrg><lr class='kxiqbv'><ag id='kxiqbv'></ag></lr><og class='iqlxxp'><vnqufb id='iqlxxp'></vnqufb></og><oqj class='agwwbj'><tmfquw id='agwwbj'></tmfquw></oqj><vpn class='rcnili'><qvbc id='rcnili'></qvbc></vpn><yo class='hspune'><skkjk id='hspune'></skkjk></yo><yvd class='uyjiqc'><xxyozl id='uyjiqc'></xxyozl></yvd><aldr class='wgqwdn'><kjgex id='wgqwdn'></kjgex></aldr></div>
    <header class="">
    <div class="headLogo">
        <a href="/">
            <img class="headLogo_w" src="?uploadfile/yushangweb_file/202003260913285e7c01b8b1601.png"
                alt="杭州网站建设_高端网站制作_网站设计_网站开发公司_予尚网络">
            <img class="headLogo_r" src="?uploadfile/yushangweb_file/202003260913285e7c01b8ab070.png"
                alt="杭州网站建设_高端网站制作_网站设计_网站开发公司_予尚网络">
        </a>
    </div>
    <div class="headRig">

        <div><a cursor-text="" href="/">壹号娱乐</a></div>
        <div><a cursor-text=""  <a href="/about.html">关于我们</a>
        </div>
        <div><a cursor-text=""                 <a href="/case.html">客户案例</a></div>
        <div class="sola">
            <a cursor-text=""                 <a href="/solution.html">
                网站建设
            </a>
            <!-- <div class="solnav">
                <div class="solnavBox">
                                        <a   <a href="/solution/wangzhanjianshe.html">高端网站建设</a>
                                    </div>
            </div> -->
        </div>
        <div><a cursor-text=""  <a href="/series.html">服务范围</a>
        </div>
        <div><a cursor-text=""  <a href="/contact.html">联络我们</a>
        </div>


        <div class="headBg_font ">
            <div class="d">
                <div class="d__btn">
                    <div class="d__el"></div>
                    <div class="d__el"></div>
                    <div class="d__el"></div>
                </div>
                <div class="d__container">
                    <a href="javascript:void(0)" class="d__link">
                        <img src="/templates/default/images/viber.e94d33e9.svg" class="d__icon"
                            alt="杭州予尚网络-0571-86505155">
                        <img src="/templates/default/images/viber_white.fb363f29.svg" class="d__icon d__icon_white"
                            alt="杭州予尚网络-0571-86505155">
                        <div class="d__link_div">
                            <span>
                                0571-86505155                            </span>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="d__link">
                        <img src="/templates/default/images/qq_white.svg" alt="杭州予尚网络-telegram" class="d__icon">
                        <img src="/templates/default/images/qq.svg" alt="杭州予尚网络-telegram" class="d__icon d__icon_white">

                    </a>
                    <a href="javascript:void(0)" class="d__link">
                        <img src="/templates/default/images/wx_white.svg" alt="杭州予尚网络-whatsapp" class="d__icon">
                        <img src="/templates/default/images/wx.svg" alt="杭州予尚网络-whatsapp" class="d__icon d__icon_white">
                        <div class="d__link_div">
                            <img src="/uploadfile/yushangweb_file/20210816423610.png" alt="">
                        </div>
                    </a>
                </div>
            </div>
            <a class="d_a"><img src="/templates/default/images/s_tel.png" alt="杭州予尚网络-400-999-0803">
                400-999-0803</a>

        </div>

        <div class="headBg">
            <div class="headBg_bg"></div>

            <div class="headBg_menu">
            </div>
        </div>
    </div>

</header>

<!-- <div class="headBg_cursor " id="headBg_cursor"></div> -->

<div id="main_nav">
    <div class="nav_bg"></div>
    <!-- <div class="nav_centerLine"></div> -->
    <div class="figure">
        <svg id="nav_figure" version="1.1" role="img" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
            viewBox="0 0 379.6 575">
            <g id="Layer_2"></g>
            <g id="Layer_4">
                <g>
                    <defs>
                        <rect id="SVGID_1_" x="-77.7" y="0.1" width="457.5" height="696"></rect>
                    </defs>
                    <clipPath id="SVGID_2_">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#SVGID_1_"
                            style="overflow:visible;"></use>
                    </clipPath>
                    <path class="st0"
                        d="M-184-412L-184-412c-32.7,32.7-33.2,86.7-0.5,119.5L66.4-41.6l325.4,325.4c32.7,32.7,32.7,86.3,0,119l0,0
                        c-32.7,32.7-86.3,32.7-119,0L98.9,228.9c-16.2-16.2-43.1-15.7-59.3,0.5l0,0c-16.2,16.2-16.6,43.1-0.5,59.3l187.8,187.8l53,53
                        c32.7,32.7,86.3,32.7,119,0l0,0c32.7-32.7,33-86.5,0.2-119.2L103.9,114.9C71.2,82.2,71.4,28.4,104.1-4.3l0,0
                        c32.7-32.7,86.3-32.7,119,0l121.3,120.1l52.4,53.7c32.7,32.7,86.4,32.6,119.1-0.1l0,0c32.7-32.7,33.2-86.7,0.5-119.5L221.2-245.5"
                        style="display: block; stroke-dashoffset: 0px;"></path>
                    <path class="st0" d="M-184-412c32.7-32.7,86.3-32.7,119,0L93.2-253.8l356,356l218.4,218.4"
                        style="display: block; stroke-dashoffset: 0px;"></path>
                    <line class="st0" x1="516" y1="168.7" x2="516" y2="168.7"
                        style="display: block; stroke-dashoffset: 0px;"></line>
                </g>
            </g>
        </svg>
    </div>

    <div class="navTop">
        <a href="" class="mnavLogo">
            <img src="https://www.kpgynm.com?uploadfile/yushangweb_file/202003260913285e7c01b8b1601.png" alt="">
        </a>
        <div class="navClose">
            <i></i> close
        </div>
    </div>
    <div class="navCon">
        <div class="right">
            <div class="inner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
                <div class="nav_ifm">
                    <ul>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="/templates/default/images/hx4_03.png" alt="杭州予尚网络-中国 · 杭州 · 西湖区文三路508号<br>天苑大厦10楼D座">
                            </a>
                            <div class="nav_ifm_list">
                                <p>
                                    中国 · 杭州 · 西湖区文三路508号<br>天苑大厦10楼D座                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="/templates/default/images/hx3_03.png" alt="杭州予尚网络-400-999-0803">
                            </a>
                            <div class="nav_ifm_list">
                                <span>24小时在线服务</span>
                                <p class="nav_ifm_list_num"> 400-999-0803</p>
                            </div>
                        </li>
                        <li>
                            <a target="_blank" onClick="message()" href="javascript:;">
                                <img src="/templates/default/images/hx1_03.png" alt="杭州予尚网络-在线咨询">
                            </a>

                            <div class="nav_ifm_list">
                                <span>在线咨询</span>
                                <p>点击图标，与销售顾问进行在线沟通</p>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="/templates/default/images/hx2_03.png" alt="杭州予尚网络-在线咨询">
                            </a>
                            <div class="nav_ifm_list">
                                <span>扫描二维码<br>与销售顾问咨询</span>
                                <div class="nav_ewm">
                                    <img src="/uploadfile/yushangweb_file/20210816423610.png" alt="杭州予尚网络-在线咨询">
                                    <img src="/uploadfile/yushangweb_file/202003311649355e83041f53dd5.jpg" alt="杭州予尚网络-在线咨询">
                                </div>

                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="navLeft">
            <div class="navlList">
                <a href="/about.html"><span>01.</span>关于我们 </a>
                <a href="/case.html"><span>02.</span>成功案例</a>
                <a href="/solution.html"><span>03.</span>网站建设</a>
                <a href="/series.html"><span>04.</span>服务范围</a>
                <a href="/news.html"> <span>05.</span>新闻资讯</a>
                <a href="/contact.html"><span>06.</span>联络我们</a>
            </div>

            <div class="foot" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
                <div class="wrap">
                    <div class="dxyTel">
                        <a href="tel:400-999-0803">
                            <img src="/templates/default/images/s_tel.png" alt="杭州予尚网络-400-999-0803"> 400-999-0803
                        </a>
                    </div>
                    <small class="copy">

                        COPYRIGHT ? 2025 杭州网站建设 ALL RIGHTS RESERVED<br>
                        
                            浙ICP备15019730号

                    </small>
                    <p>Powered by：YUSHANGWEB</p>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- <div class="weixin-qrCode" data-first="0">
    <img src="/uploadfile/yushangweb_file/20211020182074.png" alt="杭州予尚网络-销售经理微信">
    <span class="weixin-qrCode-arrow">微信咨询</span>
</div> -->
<div class="ysUtil" style="display:none">
    <ul class="list">
        <li>
            <a href="">
                <div class="ysUtilIco">
                    <img src="/templates/default/images/s_tel.png" alt="杭州予尚网络- 400-999-0803">
                </div>
                <span class="txt1 txtNum">
                    400-999-0803                </span>
            </a>
        </li>
        <li>
            <a href="javascript:;" onclick="message()">
                <div class="ysUtilIco">
                    <img src="/templates/default/images/s_zxgt.png" alt="">
                </div>
                <span class="txt1">在线沟通</span>
            </a>
        </li>
        <li>
            
                <div class="ysUtilIco">
                    <img src="/templates/default/images/s_ly.png" alt="杭州予尚网络-客服QQ：782992288">
                </div>

                <span class="txt1 txtNum">客服QQ：782992288</span>
            
        </li>
        <li>
            <a href="">
                <div class="ysUtilIco">
                    <img src="/templates/default/images/s_wx.png" alt="杭州予尚网络-销售顾问">
                </div>

                <span class="txt1">
                    扫描二维码与销售顾问咨询
                    <img src="/uploadfile/yushangweb_file/20210816423610.png" alt="杭州予尚网络-销售顾问">
                </span>
            </a>

        </li>

        <li>
            <a href="#">
                <div class="ysUtilIco">
                    <img src="/templates/default/images/s_top.png" alt="杭州予尚网络-返回顶部">
                </div>


                <span class="txt1">返回顶部</span>
            </a>
        </li>
    </ul>
</div>
<script>

    $(".ysUtil li").hover(function () {
        $(this).find(".weixin-qrCode").toggle();
    })
</script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        h "https://hm.baidu.com/hm.js?3f850f429fb2ff7cd8f01fd7b13f5c01";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script>
    setInterval(() => {
        $('.weixin-qrCode').addClass('on');
    }, 4000);
    $('.navClose').click(function () {
        $('#main_nav').slideUp();
    })

    function message() {
        var top_n = (($(window).height() - 700) / 2) + ((window.screen.availHeight - $(window).height()) / 2);
        var left_n = ($(window).width() - 766) / 2;
        //这句要写成一行
        window.open(
            'http://p.qiao.baidu.com/cps/chat?siteId=15641700&userId=24908862&siteToken=3f850f429fb2ff7cd8f01fd7b13f5c01',
            '', 'height=700, width=766, top=' + top_n + ', left=' + left_n +
        ', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
    }
</script>
    <!-- <input type="hidden" value="#FFFFFF" id="jsi-bg-color">
    <input type="hidden" value="#DDDDDD" id="jsi-line-color">
    <script type="text/javascript" src="/templates/default/js/gyreexpression.min.js"></script> -->
    <!-- <script class="jsc-load-js" type="text/javascript" src="/templates/default/js/function.js"></script> -->
    <div class="bigBox">
        <div class="banner">
            <div class="visual">
                <div class="swiper-container main banDemo">
                    <div class="swiper-wrapper">
                                                <div class="swiper-slide v2"
                            data-swiper-autoplay="3000">
                            <div class="bg">
                                                                <div class="pt_br img img1"
                                    style="background: url(?uploadfile/yushangweb_file/1/20250425181445636912.jpg) no-repeat center;background-size:cover;">
                                </div>
                                <div class="pt_br img img2"
                                    style="background: url(?uploadfile/yushangweb_file/1/20250425181445636912.jpg) no-repeat center;background-size:cover;">
                                </div>
                                                            </div>
                            <div class="text_container">
                                <div class="text_wrapper">
                                    <div class="txt1">
                                                                                <p>浙</p>
                                                                                <p>江</p>
                                                                                <p>大</p>
                                                                                <p>学</p>
                                                                            </div>
                                    <div class="tit1">
                                                                                <p>国</p>
                                                                                <p>际</p>
                                                                                <p>校</p>
                                                                                <p>区</p>
                                                                                <p>官</p>
                                                                                <p>网</p>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                                                <div class="swiper-slide v4"
                            data-swiper-autoplay="3000">
                            <div class="bg">
                                                                <div class="pt_br img img1"
                                    style="background: url(?uploadfile/yushangweb_file/1/20250429105538904895.jpg) no-repeat center;background-size:cover;">
                                </div>
                                <div class="pt_br img img2"
                                    style="background: url(?uploadfile/yushangweb_file/1/20250429105538904895.jpg) no-repeat center;background-size:cover;">
                                </div>
                                                            </div>
                            <div class="text_container">
                                <div class="text_wrapper">
                                    <div class="txt1">
                                                                                <p>T</p>
                                                                                <p>R</p>
                                                                                <p>A</p>
                                                                                <p>N</p>
                                                                                <p>S</p>
                                                                                <p>C</p>
                                                                                <p>E</p>
                                                                                <p>N</p>
                                                                                <p>T</p>
                                                                                <p>A</p>
                                                                            </div>
                                    <div class="tit1">
                                                                                <p>创</p>
                                                                                <p>胜</p>
                                                                                <p>集</p>
                                                                                <p>团</p>
                                                                                <p>官</p>
                                                                                <p>网</p>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                                                <div class="swiper-slide v8"
                            data-swiper-autoplay="3000">
                            <div class="bg">
                                                                <div class="pt_br img img1"
                                    style="background: url(?uploadfile/yushangweb_file/1/20250429154217813132.png) no-repeat center;background-size:cover;">
                                </div>
                                <div class="pt_br img img2"
                                    style="background: url(?uploadfile/yushangweb_file/1/20250429154217813132.png) no-repeat center;background-size:cover;">
                                </div>
                                                            </div>
                            <div class="text_container">
                                <div class="text_wrapper">
                                    <div class="txt1">
                                                                                <p>T</p>
                                                                                <p>R</p>
                                                                                <p>I</p>
                                                                                <p>F</p>
                                                                                <p>L</p>
                                                                                <p>E</p>
                                                                                <p>X</p>
                                                                            </div>
                                    <div class="tit1">
                                                                                <p>德</p>
                                                                                <p>力</p>
                                                                                <p>封</p>
                                                                                <p>中</p>
                                                                                <p>国</p>
                                                                                <p>官</p>
                                                                                <p>网</p>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="overlay">
                    <div class="aa">
                        <svg class="shape-overlays" viewBox="0 0 80 80" preserveAspectRatio="none">
                            <path class="shape-overlays__path"></path>
                            <path class="shape-overlays__path"></path>
                        </svg>
                    </div>
                </div>
                <div class="hidden_next"></div>
            </div>
            <style>
                .banBtn {
                    width: 180px;
                    height: 180px;
                    border-radius: 50%;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    right: 7%;
                    bottom: 50px;
                    z-index: 9;
                    cursor: pointer;
                }

                .banBtn .bg {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    opacity: .6;
                    transition: all 0.48s;
                    transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    -webkit-transition: all 0.48s;
                    -moz-transition: all 0.48s;
                    -ms-transition: all 0.48s;
                    -o-transition: all 0.48s;
                    animation: banXz 10s infinite linear;
                }

                @keyframes banXz {
                    0% {
                        transform: translate(-50%, -50%) rotate(0deg);
                    }

                    100% {
                        transform: translate(-50%, -50%) rotate(360deg);
                    }
                }

                .banBtn .VidBox {
                    width: 70%;
                    height: 70%;
                    overflow: hidden;
                    position: relative;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    cursor: pointer;
                }

                .banBtn .VidBox video {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                .banBtn .VidBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: none;
                }

                .banAIcon {
                    width: 30%;
                    height: 30%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #fb3e2d;
                    border-radius: 50%;
                }

                .banAIcon svg {
                    width: 40%;
                    height: 40%;
                }

                .banAIcon path {
                    fill: #fff;
                }

                @media (max-width: 1680px) {
                    .banBtn {
                        width: 160px;
                        height: 160px;
                    }
                }

                @media (max-width: 1368px) {
                    .banBtn {
                        width: 150px;
                        height: 150px;
                    }
                }

                @media (max-width: 1280px) {
                    .banBtn {
                        width: 130px;
                        height: 130px;
                    }
                }

                @media (max-width: 900px) {
                    .banBtn {
                        display: none;
                    }
                }
            </style>
            <a href="javaScript:;" class="banBtn mainBtn_next">
                <img class="bg" src="?templates/default/image/showreel-en2.png" alt="">
                <div class="VidBox">
                    <img src="https://www.yushangdesign.com/uploadfile/yushangweb_file/20230522171030341286.png" alt=""
                        class="player" id="player2">
                    <video id="aBvideo" autoplay="" loop="" muted="" playsinline="" preload="auto">
                        <source src="/templates/default/image/20231109132138315810.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="banAIcon ">
                    <svg t="1746669707847" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="5464" width="200" height="200">
                        <path
                            d="M170.667 554.667h520.532l-238.933 238.933 59.733 59.733 341.333-341.333-341.333-341.333-59.733 59.733 238.933 238.933h-520.532v85.334z"
                            fill="#666666" p-id="5465"></path>
                    </svg>
                </div>
            </a>
        </div>
        <script type="text/javascript" src="/templates/default/js/webfont.js"></script>
        <script src="?templates/default/js/tweenmax.min.js"></script>
        <script src="?templates/default/js/swiper-4.5.1.min.js"></script>
        <script src="?templates/default/js/easings.js"></script>
        <script src="?templates/default/js/demo4.js"></script>
        <script>
            $(document).ready(function () {
                var swiper = new Swiper('.main', {
                    autoHeight: true,
                    slidesPerView: '1',
                    spaceBetween: 0,
                    speed: 1000,
                    loop: true,
                    navigation: {
                        nextEl: '.mainBtn_next',
                        prevEl: '.mainBtn_prev',
                    },
                    autoplay: {
                        delay: 3000,
                        disableOnInteraction: false,
                    },
                    // preventClicksPropagation: false,
                    preventClicks: false,
                    allowTouchMove: false,
                    on: {
                        slideChange: function (evt) {
                            console.log(this.realIndex);
                            $(".visual").removeClass("eq0 eq1 eq2 eq3 eq4 eq5 eq6 eq7 eq8 eq9");
                            $(".visual").addClass("eq" + this.realIndex);
                            $(".overlay>div").css("left", "0");
                            $(".overlay>div").css("transition", "all 0.6s");
                            $(".hidden_next").click();
                            $(".swiper-slide:eq(" + this.activeIndex + ")").addClass("ani")
                                .siblings().removeClass("ani");
                            var video = this.slides.eq(this.activeIndex).find('video')[0];
                            if (video) {
                                video.currentTime = 0; // 重置视频时间为开始
                                video.play(); // 重新播放视频
                            }

                        },
                        slideChangeTransitionEnd: function () {
                            $(".overlay>div").css("left", "100%");
                            $(".overlay>div").css("transition", "all 0s");
                        }
                    },
                });

            })
        </script>

        <div class="inAbox padd">
            <div class="inner">
                <div class="indAb_info">
                    <div class="indAb_info_tit rotateInUpLeft animated">
                        <h4>WE ARE</h4>
                        <div class="indAb_info_name">
	web<br class="indAb_info_br" />
creative <br />
designer
</div>
<h1>
	专注于高端网站建设,<br />
助力有雄心的企业蓬勃发展，<br />
赋能品牌价值！
</h1>                        <img src="/templates/default/picture/logobd.jpg" style="display: none" alt="杭州网站建设公司_予尚网络">
                    </div>
                    <div class="indAb_info_btm">
                        <span class="indAb_info_font">
                            现在自豪地与各公司合作：
                        </span>
                        <div id="typed-strings" style="display: none;">
                                                        <p>中国建筑</p>
                                                        <p>华成集团</p>
                                                        <p>微医集团</p>
                                                        <p>施强集团</p>
                                                        <p>GBV大光明眼镜</p>
                                                        <p>金富春集团</p>
                                                        <p>南方建筑设计</p>
                                                        <p>杰牌控股集团</p>
                                                    </div>
                        <span id="typed" style="white-space:pre;"></span>
                    </div>
                </div>
                                <div class="indAb_img">
                    <div class="indAb_img_div">
                        <video id="abVideo" poster="?uploadfile/yushangweb_file/202004290856565ea8d0d8ea940.jpg" autoplay loop muted playsinline
                            class="imgDemo_img" preload="auto" x5-video-player-type="h5"
                            x5-video-player-fullscreen="true" x5-video-orientation="portraint"
                            -webkit-playsinline="true">
                            <source src="/uploadfile/yushangweb_file/20250425183007992702.mp4" type="video/mp4">
                            您的浏览器不支持 video 标签。
                        </video>
                        <img class="imgDemo_img" src="?uploadfile/yushangweb_file/202004290856565ea8d0d8ea940.jpg" alt="">
                    </div>
                </div>
                            </div>
        </div>
        <script>
            var inFSwiper = new Swiper('.inFSwiper.swiper-container', {
                slidesPerView: 1,
                spaceBetween: 0,
                speed: 1000, //匀速时间
                loop: true,
                autoplay: {
                    delay: 6000,
                },
            });
        </script>
        <div class="item-project indSer variable">
            <div class="inner clearfix main-project on-center">

                
                <img src="/templates/default/images/logobd.jpg" style="display: none" alt="杭州网站建设公司_予尚网络">
                <div id="serId1" class="item-project-wrap item-project-wrap1">

                    <div class="project-about">
                        <div class="project-about-wrap flex">
                            <div class="project-numb col10-1">
                                <div class="project-numb-wrap"> <span>01</span></div>
                            </div>
                            <div class="project-title col10-9">
                                <h2>
                                    <a class="text-stroke" href="">
                                        <span class="textlink tlt" data-hovering="WEBSITE CONSTRUCTION"
                                            data-swiper-parallax="-100" data-in-effect="fadeInUp">WEBSITE                                            CONSTRUCTION</span>
                                    </a>
                                </h2>
                                <div class="project-description">
                                    <p>
                                                                                <span class="rotateInUpLeft">定制型高端网站建设 </span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0s">集团上市公司官网与站群 </span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.2s">HTML5 响应式网站 </span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.4s">企业&品牌官网 </span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.6s">品牌电商平台 </span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.8s">SEO整站优化 </span>
                                                                            </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <img src="/templates/default/images/logobd.jpg" style="display: none" alt="杭州网站建设公司_予尚网络">
                <div id="serId2" class="item-project-wrap item-project-wrap2">

                    <div class="project-about">
                        <div class="project-about-wrap flex">
                            <div class="project-numb col10-1">
                                <div class="project-numb-wrap"> <span>02</span></div>
                            </div>
                            <div class="project-title col10-9">
                                <h2>
                                    <a class="text-stroke" href="">
                                        <span class="textlink tlt" data-hovering="mobile construction"
                                            data-swiper-parallax="-100" data-in-effect="fadeInUp">mobile                                            construction</span>
                                    </a>
                                </h2>
                                <div class="project-description">
                                    <p>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.0s">移动端应用开发</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.2s">微信平台定制开发</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.4s">小程序开发</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.6s">H5开发</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.8s">微信代运营</span>
                                                                            </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <img src="/templates/default/images/logobd.jpg" style="display: none" alt="杭州网站建设公司_予尚网络">
                <div id="serId3" class="item-project-wrap item-project-wrap3">

                    <div class="project-about">
                        <div class="project-about-wrap flex">
                            <div class="project-numb col10-1">
                                <div class="project-numb-wrap"> <span>03</span></div>
                            </div>
                            <div class="project-title col10-9">
                                <h2>
                                    <a class="text-stroke" href="">
                                        <span class="textlink tlt" data-hovering="branding design"
                                            data-swiper-parallax="-100" data-in-effect="fadeInUp">branding                                            design</span>
                                    </a>
                                </h2>
                                <div class="project-description">
                                    <p>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.0s">品牌形象设计</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.2s">企业标志设计</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.4s">VI系统</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.6s">画册设计</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="0.8s">海报设计</span>
                                                                                <span class="wow rotateInUpLeft" data-wow-duration="1.8s"
                                            data-wow-delay="1s">宣传拍摄制作</span>
                                                                            </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
        <script type="text/javascript" src="/templates/default/js/wow.min.js"></script>
        <script type="text/javascript">
            var wow = new WOW({
                boxClass: 'wow',
                animateClass: 'animated',
                offset: 0,
                mobile: true,
                live: true
            });
            wow.init();
        </script>
        <div class="inCbox padd">
            <div class="inner">
                <div class="inCTop">
                    <div class="inCTopBox">
                        <div class="indAb_info_name">
                            our works                        </div>
                        <div class="inTit">
                            我们的作品                        </div>
                    </div>
                </div>
                <div class="inCList">
                    <div class="inCTlist inCLeft">
                                                <a href="/caseDet/63.html" target="_blank" class="inCItem">
                            <div class="inCTit">
                                浙江大学国际校区                            </div>
                            <div class="inCTime">
                                985/211高校                            </div>
                            <div class="inCImg">
                                                                <img src="/uploadfile/yushangweb_file/5/20231216130240171370.jpg" alt="">
                                                            </div>
                            <div class="inCIList">
                                 <div class="inCIcon">
                                    UI/UX                            </div>
                             <div class="inCIcon">
                                    网站建设开发                            </div>
                             <div class="inCIcon">
                                    响应式布局                            </div>
                            
                    </div>
                    </a>
                                            <a href="/caseDet/10.html" target="_blank" class="inCItem">
                            <div class="inCTit">
                                创胜集团（06628.HK)                            </div>
                            <div class="inCTime">
                                生物医药/上市公司                            </div>
                            <div class="inCImg">
                                                                <img src="/uploadfile/yushangweb_file/5/20231216130631318795.jpg" alt="">
                                                            </div>
                            <div class="inCIList">
                                 <div class="inCIcon">
                                    UI/UX                            </div>
                             <div class="inCIcon">
                                    网站建设开发                            </div>
                             <div class="inCIcon">
                                    响应式布局                            </div>
                            
                    </div>
                    </a>
                                            <a href="/caseDet/1.html" target="_blank" class="inCItem">
                            <div class="inCTit">
                                大光明眼镜                            </div>
                            <div class="inCTime">
                                全国连锁加盟品牌                            </div>
                            <div class="inCImg">
                                                                <img src="/uploadfile/yushangweb_file/5/20250520114443561887.jpg" alt="">
                                                            </div>
                            <div class="inCIList">
                                 <div class="inCIcon">
                                    UI/UX                            </div>
                             <div class="inCIcon">
                                    网站建设开发                            </div>
                             <div class="inCIcon">
                                    响应式布局                            </div>
                            
                    </div>
                    </a>
                                            <a href="/caseDet/70.html" target="_blank" class="inCItem">
                            <div class="inCTit">
                                微脉科技                            </div>
                            <div class="inCTime">
                                互联网医疗                            </div>
                            <div class="inCImg">
                                                                <img src="/uploadfile/yushangweb_file/5/20250519092908494948.jpg" alt="">
                                                            </div>
                            <div class="inCIList">
                                 <div class="inCIcon">
                                    UI/UX                            </div>
                             <div class="inCIcon">
                                    网站建设开发                            </div>
                             <div class="inCIcon">
                                    响应式布局                            </div>
                            
                    </div>
                    </a>
                                    </div>
                <div class="inCTlist inCRig">
                                        <a href="/caseDet/3.html" target="_blank" class="inCItem">
                        <div class="inCTit">
                            施强集团                        </div>
                        <div class="inCTime">
                            大型集团公司                        </div>
                        <div class="inCImg">
                                                        <img src="/uploadfile/yushangweb_file/5/20250521110132185486.jpg" alt="">
                                                    </div>
                        <div class="inCIList">
                             <div class="inCIcon">
                                UI/UX                        </div>
                         <div class="inCIcon">
                                网站建设开发                        </div>
                         <div class="inCIcon">
                                响应式布局                        </div>
                        
                </div>
                </a>
                                    <a href="/caseDet/64.html" target="_blank" class="inCItem">
                        <div class="inCTit">
                            帅丰电器（605336 .SH）                        </div>
                        <div class="inCTime">
                            电器品牌/上市公司                        </div>
                        <div class="inCImg">
                                                        <img src="/uploadfile/yushangweb_file/5/20250520134119398017.jpg" alt="">
                                                    </div>
                        <div class="inCIList">
                             <div class="inCIcon">
                                UI/UX                        </div>
                         <div class="inCIcon">
                                网站建设开发                        </div>
                         <div class="inCIcon">
                                响应式布局                        </div>
                        
                </div>
                </a>
                                    <a href="/caseDet/72.html" target="_blank" class="inCItem">
                        <div class="inCTit">
                            飞越机电                        </div>
                        <div class="inCTime">
                            工业产品制造商                        </div>
                        <div class="inCImg">
                                                        <img src="/uploadfile/yushangweb_file/5/20250519171255890125.jpg" alt="">
                                                    </div>
                        <div class="inCIList">
                             <div class="inCIcon">
                                UI/UX                        </div>
                         <div class="inCIcon">
                                网站设计开发                        </div>
                         <div class="inCIcon">
                                响应式网站建设                        </div>
                        
                </div>
                </a>
                                    <a href="/caseDet/16.html" target="_blank" class="inCItem">
                        <div class="inCTit">
                            饰百秀别墅设计                        </div>
                        <div class="inCTime">
                            高端私邸定制                        </div>
                        <div class="inCImg">
                                                        <img src="/uploadfile/yushangweb_file/5/20231216130849234515.jpeg" alt="">
                                                    </div>
                        <div class="inCIList">
                             <div class="inCIcon">
                                UI/UX                        </div>
                         <div class="inCIcon">
                                网站建设开发                        </div>
                         <div class="inCIcon">
                                响应式布局                        </div>
                        
                </div>
                </a>
                            </div>
        </div>
    </div>

    </div>
    <script>
        var HWidth = $(window).width();
        if (HWidth > 1023) {
            $(window).scroll(function () {
                var scroH = $(window).scrollTop();
                let inCTop = $('.inCbox').offset().top - $(window).height() / 10;
                let inNTop = $('.inNBox').offset().top - $(window).height();
                let inCRig = $('.inCRig').offset().top - $(window).height();
                let inCLeft = $('.inCLeft').offset().top - $(window).height();
                let ScrTop = (scroH - inCTop) - 100;
                if (scroH > inCTop && scroH < inNTop) {
                    $('.inCTop').addClass('act')
                    $('.inCTopBox').css('transform', 'translateY(' + ScrTop + 'px)')
                    // $('.inCTopBox .indAb_info_name').css('transform', 'translateY(-'+ScrTop/6+'px)')
                    $('.inCRig').css('transform', 'translateY(-' + ScrTop / 30 + 'px)')
                    $('.inCLeft').css('transform', 'translateY(-' + ScrTop / 20 + 'px)')
                } else if (scroH > inNTop) {

                } else {
                    $('.inCTopBox').css('transform', 'translateY(0px)')
                    $('.inCTop').removeClass('act')
                }
            })
        } else if (HWidth > 768) {
            $(window).scroll(function () {
                var scroH = $(window).scrollTop();
                let inCTop = $('.inCbox').offset().top - $(window).height() / 10;
                let inNTop = $('.inNBox').offset().top - $(window).height();
                let inCRig = $('.inCRig').offset().top - $(window).height();
                let ScrTop = (scroH - inCTop) - 100;
                if (scroH > inCTop && scroH < inNTop) {
                    $('.inCRig').css('transform', 'translateY(' + ScrTop / 20 + 'px)')
                }
            })
        }
    </script>

 
    <div class="inNBox padd">
        <video autoplay="" loop="" muted="" playsinline="" id="myVideo" preload="auto" x5-video-player-type="h5"
            x5-video-player-fullscreen="true" x5-video-orientation="portraint" -webkit-playsinline="true" poster=""
            src="https://www.kpgynm.com/templates/default/images/background.mp4" type="video/mp4">
            您的浏览器不支持 video 标签。
        </video>
        <div class="inNTop">
            <div class="inner">
                <div class="indAb_info_name wow fadeInUp animated">
                    News
                </div>
                <div class="inTit wow fadeInUp animated">
                    合作资讯
                </div>
            </div>
        </div>
        <div class="inNList">
                        <a href="/newsDet/38.html" class="inNItem wow fadeInUp animated">
                <div class="inNLeft">
                    <div class="inNImg">
                        <img src="/uploadfile/yushangweb_file/20230317162752917903.jpg" alt="杭州予尚网络-新闻资讯施强集团再度携手杭州予尚网络打造全新的集团网站建设">
                    </div>
                    <div class="inNTbox">
                        <div class="indNew_tit">施强集团再度携手杭州予尚网络打造全新的集团网站建设</div>
                        <div class="inNTime">
                            Dec 16,2022                        </div>
                    </div>
                </div>
                <div class="inNRig">
                    <div class="indNew_p">
                        施强集团成立于1995年2月，由香港新东方国际集团控股， 总部坐落于杭州国家高新技术产业开发区（滨江），占地面积 3.3万平方米，建筑面积16万平方米。再度携手杭州予尚网络打造全新的集团网站建设。                    </div>
                    <div class="inNBon">
                        <p>查看详情</p>
                        <img src="/templates/default/image/btn-w.png" alt="杭州予尚网络-新闻资讯施强集团再度携手杭州予尚网络打造全新的集团网站建设">
                    </div>
                </div>
            </a>
                        <a href="/newsDet/37.html" class="inNItem wow fadeInUp animated">
                <div class="inNLeft">
                    <div class="inNImg">
                        <img src="/uploadfile/yushangweb_file/20230317153857188026.jpeg" alt="杭州予尚网络-新闻资讯签约上海润佳医药股份有限公司网站建设项目">
                    </div>
                    <div class="inNTbox">
                        <div class="indNew_tit">签约上海润佳医药股份有限公司网站建设项目</div>
                        <div class="inNTime">
                            Aug 15,2022                        </div>
                    </div>
                </div>
                <div class="inNRig">
                    <div class="indNew_p">
                        予尚网络与上海润佳医药股份有限公司达成合作关系，为其提供高品质的网站建设服务！                    </div>
                    <div class="inNBon">
                        <p>查看详情</p>
                        <img src="/templates/default/image/btn-w.png" alt="杭州予尚网络-新闻资讯签约上海润佳医药股份有限公司网站建设项目">
                    </div>
                </div>
            </a>
                        <a href="/newsDet/36.html" class="inNItem wow fadeInUp animated">
                <div class="inNLeft">
                    <div class="inNImg">
                        <img src="/uploadfile/yushangweb_file/20230317152951161051.jpg" alt="杭州予尚网络-新闻资讯中标浙江大学国际校区书院网站建设项目">
                    </div>
                    <div class="inNTbox">
                        <div class="indNew_tit">中标浙江大学国际校区书院网站建设项目</div>
                        <div class="inNTime">
                            Apr 20,2022                        </div>
                    </div>
                </div>
                <div class="inNRig">
                    <div class="indNew_p">
                        近日，予尚网络凭借多年的高端网站建设经验，以及在网站建设领域高标准的自我要求，顺利中标浙江大学国际校区网站建设项目。我们在收到浙江大学国际校区校方提供的网站建设需求后，对各项需求进行了深度的分析，同时快速的成立小组进行项目设计方向的讨论，最终以出色的网站建设方案获得了校区领导们的一致认可。                    </div>
                    <div class="inNBon">
                        <p>查看详情</p>
                        <img src="/templates/default/image/btn-w.png" alt="杭州予尚网络-新闻资讯中标浙江大学国际校区书院网站建设项目">
                    </div>
                </div>
            </a>
                    </div>
    </div>
    <script>
        var HWidth = $(window).width();
        if (HWidth > 1023) {
            $(window).scroll(function () {
                var scroH = $(window).scrollTop();
                let inCTop = $('.inNBox').offset().top - $(window).height() / 10;
                // let inNTop = $('.fdTBox').offset().top - $(window).height();
                let ScrTop = (scroH - inCTop) - 100;
                if (scroH > inCTop) {
                    $('.inNTop').addClass('act')
                    $('.inNTop .inner').css('transform', 'translateY(' + ScrTop + 'px)')
                } else {
                    $('.inNTop .inner').css('transform', 'translateY(0px)')
                    $('.inNTop').removeClass('act')
                }
            })
        } else if (HWidth > 1023) {
            $(window).scroll(function () {
                var scroH = $(window).scrollTop();
                let inCTop = $('.inCbox').offset().top - $(window).height() / 10;
                let inNTop = $('.inNBox').offset().top - $(window).height();
                let inCRig = $('.inCRig').offset().top - $(window).height();
                let ScrTop = (scroH - inCTop) - 100;
                if (scroH > inCTop && scroH < inNTop) {
                    $('.inCRig').css('transform', 'translateY(' + ScrTop / 20 + 'px)')
                }
            })
        }
    </script>
    <div class="food padd">
    <video class="foodBg" poster="" autoPlay="" loop="" muted="" playsInline="" class="imgDemo_img" preload="auto"
        x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint"
        -webkit-playsinline="true">
        <source src="/templates/default/video/FdVideo.mp4" type="video/mp4">
        您的浏览器不支持 video 标签。
    </video>
    <div class="fdInner">
        <div class="fdItem">
            <div class="fd_Tit">
                中国 · 杭州 · 西湖区文三路508号<br>天苑大厦10楼D座 <br><br>
                <a class="fd_TitNum" href="tel:400-999-0803">400-999-0803</a>
                <a class="fd_TitNum" href="tel:0571-86505155">0571-86505155</a>
                <a class="fd_TitNum" href="mailto:hello@kpgynm.com">hello@kpgynm.com</a>
            </div>
            <div class="FdEwm_img">
                <div class="FdEwm">
                    <img src="/uploadfile/yushangweb_file/20210816423610.png" alt="杭州予尚网络-销售顾问">
                    <p>销售经理微信</p>
                </div>
                <div class="FdEwm">
                    <img src="/uploadfile/yushangweb_file/202003311649355e83041f53dd5.jpg" alt="杭州予尚网络-销售顾问">
                    <p>客服微信</p>
                </div>
            </div>
        </div>
        <div class="fdLeft">
            <div class="fdLTit">
                获取专属《策划方案》 及报价
            </div>
            <div class="fdForm">
                <form action="/search.php" method="post" id="form">
                    <div class="pgeIBox">
                        <div class="pgeFlex">
                            <div class="pgeInp pgeItem " id="FdName">
                                <input type="text" id="titlea" autocomplete="off">
                                <span>称呼/公司名称 <i>*</i></span>
                                <em>请输入称呼/公司名称!</em>
                            </div>
                            <div class="pgeInp pgeItem" id="FdPhone">
                                <input type="text" id="telaa" autocomplete="off">
                                <span>联系方式 <i>*</i></span>
                                <em>请输入联系方式!</em>
                            </div>
                        </div>
                        <div class="pgeInp pgeItem" id="FdWeb">
                            <input type="text" id="urla" autocomplete="off">
                            <span>现有官网链接？</span>
                        </div>
                        <!-- <div class="pgeItem pgeInp pgeXL_set" id="pgeYs">
                            <input type="text" id="ys" autocomplete="off">
                            <span>您的预算范围是？</span>
                            <img src="/public/static/image/down.png" alt="">
                            <div class="pgeXL pgeXL_set" style="overflow: hidden;">
                                                     <p>5万以下</p>
                                                    <p>5-10万</p>
                                                    <p>10-30万</p>
                                                    <p>30-50万</p>
                                                    <p>50万以上</p>
                                                </div>
                        </div> -->
                        <div class="pgeItem " id="pgeFWa">
                            <span>选择您需要的服务内容？（多。<i>*</i></span>
                            <div class="pgeDX" id="hobbya">
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="网站建设">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>网站建设</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="小程序开发">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>小程序开发</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="线上商城">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>线上商城</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="软件系统开发">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>软件系统开发</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="SEO优化">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>SEO优化</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="SEM推广">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>SEM推广</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="域名注册">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>域名注册</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="服务器购买">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>服务器购买</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="网站备案">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>网站备案</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="网站托管维护">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>网站托管维护</p>
                                </div>
                                <div class="pgeDXF">
                                    <input type="checkbox" name="hobby[]" value="其他">
                                    <i>
                                        <img src="/public/static/image/pegDui.png" alt="">
                                    </i>
                                    <p>其他</p>
                                </div>
                            </div>
                            <em>请输入称呼/公司名称!</em>
                        </div>
                        <!-- <div class="pgeBtn" onclick="fromsubmita()">
                            立即提交
                        </div>
                        <div class="pgeAgg show" id="tcc">
                            <i> <input name="tcc[]" type="checkbox" style="-webkit-appearance: auto;" checked=""> <img src="/public/static/image/pegDui.png" alt=""></i>
                            <span>提交信息即代表同意 <a href="/privacy.html" target="_blank">《隐私保护协议》</a></span>
                            <em>请先阅读《隐私保护协议》并勾选后提交！</em>
                        </div> -->
                    </div>
                </form>
            </div>
            <a cursor-text="SUBMIT" class="FdBtn hover" href="javascript:void(0)" onClick="fromsubmit()"
                data-transition="contact-form">
                <div class="conItem_big">提交</div>
                <div class="conItem_arr">
                    <div class="FdBtnArr conItem_arr_prev">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 26" id="product-card-arrow" width="100%"
                            height="100%">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M24.474 0.354348L24.9729 0.35491L24.9735 0.853784L25.0007 24.9995L24.0007 25.0006L23.9748 2.05918L0.707107 25.3269L0 24.6198L23.2668 1.35299L0.32722 1.32715L0.32835 0.327148L24.474 0.354348Z">
                            </path>
                        </svg>
                    </div>
                    <div class="FdBtnArr conItem_arr_next">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 26" id="product-card-arrow" width="100%"
                            height="100%">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M24.474 0.354348L24.9729 0.35491L24.9735 0.853784L25.0007 24.9995L24.0007 25.0006L23.9748 2.05918L0.707107 25.3269L0 24.6198L23.2668 1.35299L0.32722 1.32715L0.32835 0.327148L24.474 0.354348Z">
                            </path>
                        </svg>
                    </div>
                </div>
            </a>
            <div class="pgeAgg show" id="tcca">
                <i> <input name="tcc[]" type="checkbox" style="-webkit-appearance: auto;" checked=""> <img
                        src="?public/static/image/pegDui.png" alt=""></i>
                <span>提交信息即代表同意 <a href="/privacy.html" target="_blank">《隐私保护协议》</a></span>
                <em>请先阅读《隐私保护协议》并勾选后提交！</em>
            </div>
        </div>
    </div>
</div>
<div class="fdTBox">
    <div class="inner">
        <div class="fdTop">
            <p>COPYRIGHT ? 2025 杭州网站建设 ALL RIGHTS RESERVED<script type="text/javascript">
                    document.write(unescape(
                        "%3Cspan id='cnzz_stat_icon_1272892580'%3E%3C/span%3E%3Cscript src='https://s22.cnzz.com/z.js%3Fid%3D1272892580%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"
                        ));
                </script>
            </p>
            
                浙ICP备15019730号

            <div class="fdAList">
                <a href="/sitemap.html" class="fdAItem">网站地图</a>
                                上海网站建设
                                杭州网站建设
                                网站建设
                            </div>
        </div>
        <div class="fdBon">
            <a href="/" class="fdLogo">
                <img src="/templates/default/picture/202003260913285e7c01b8b1601.png"
                    alt="杭州网站建设_高端网站制作_网站设计_网站开发公司_予尚网络">
            </a>
        </div>
    </div>
</div>
<style>
    html body #aff-im-root {
        display: none !important;
    }

    .SideBox {
        position: fixed;
        top: 40%;
        right: -100px;
        z-index: 999;
        width: 60px;
        transition: all 0.48s;
        right: 10px;
    }

    .SideIcon {
        background: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        margin-bottom: 10px;
        border-radius: 8px;
    }

    .SideIcon .Icon {
        width: 40px;
        height: 40px;
        background: #c30d23;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-bottom: 15px;
    }

    .SideIcon .Icon img {
        width: 60%;
        position: relative;
        z-index: 2;
        opacity: .8;
    }

    .SideIcon .Icon::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgb(195, 13, 35, .8);
        border: 1px solid #c30d23;
        animation: yuanRun 2s infinite linear;
        border-radius: 8px;
    }

    .SideIcon .Icon::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgb(195, 13, 35, .8);
        border: 1px solid #c30d23;
        border-radius: 8px;
        animation: yuanRun 2s 1s infinite linear;
    }

    @keyframes yuanRun {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        100% {
            transform: translate(-50%, -50%) scale(1.5);
            opacity: 0;
        }
    }

    .SideText {
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #c30d23;
    }

    .SideZX {
        position: relative;
        z-index: 1;
    }

    .SideZX>a {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-bottom: none;
        margin-bottom: 0;
        position: relative;
    }

    .SideZItem {
        width: 30px;
        height: 30px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        margin-bottom: 5px;
    }

    .SideZItem img {
        width: 100%;
        height: 100%;
    }

    .SideUp {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: #c30d23;
        transform: translateX(30px);
        opacity: 0;
        transition: all 0.48s;
    }

    .SideBox.show .SideUp {
        transform: translateX(0);
        opacity: 1;
    }

    .SideUp img {
        width: 20px;
        height: 20px;
        opacity: .6;
    }

    .SideZTbox {
        width: 160px;
        position: absolute;
        right: 120%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        display: none;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
        padding-right: 30px;
        background: #c30d23;
        padding: 20px 0;
        border-radius: 16px;
        overflow: hidden;
    }

    .SideZTbox .t1 {
        text-align: center;
        color: #eee;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }

    .SideZTbox .ewm {
        width: 100px;
        height: 100px;
        margin: 10px auto 0;
        display: flex;
        /* border: 2px solid #c30d23; */
        border-radius: 6px;
        overflow: hidden;
    }

    .SideZTbox .ewm img {
        width: 100%;
        height: 100%;
    }

    .SideZTbox .tel {
        text-align: center;
        color: #eee;
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
        font-weight: 500;
    }

    .SideZTbox .tel>a {
        display: block;
        font-size: 18px;
        color: #fff;
        margin-top: 5px;
    }

    .Sideaks {
        width: 100%;
        margin: 10px auto 0;
        display: flex;
        justify-content: center;
    }

    .Sideaks a {
        width: initial;
        height: 100%;
        padding: 8px 10px;
        display: inline-flex;
        align-items: center;
        border-radius: 8px;
        background: #fff;
        transition: all 0.4s;
    }

    .Sideaks img {
        width: 20px;
    }

    .Sideaks span {
        color: #c30d23;
        font-size: 14px;
        line-height: 1;
        margin-left: 7px;
        font-weight: 500;
    }
 @media (max-width: 1480px){
        .SideIcon .Icon{
             width: 35px;
            height: 35px;
        }
    }
    @media (max-width: 1368px) {
        .SideBox {
            width: 50px;
        }

        .SideZItem {
            width: 25px;
            height: 25px;
        }
        .SideIcon{
            padding: 5px 0;
        }
          .SideIcon .Icon{
             width: 30px;
            height: 30px;
            margin-bottom: 8px;
        }
        .SideUp {
    width: 42px;
    height: 42px;}
    }

    @media (max-width: 1023px) {
        .SideBox {
            display: none;
        }
    }

    .pgeZp {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        background: rgba(0, 0, 0, 0.06);
    }

    .pgeZp.none {
        display: none;
    }

    .pgeBox.none {
        display: none;
    }

    .pgeBox {
        position: fixed;
        right: 5%;
        background: rgba(255, 255, 255);
        backdrop-filter: blur(12px);
        padding: 50px;
        max-width: 600px;
        width: 90%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        border-radius: 16px;
    }

    .pgeT1 {
        line-height: 1;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .pgeT1 img {
        width: 50px;
        margin-right: 10px;
    }

    .pgeText1 {
        font-size: 22px;
        color: #333;
        margin-top: 15px;
    }

    .pgeIBox {
        width: 100%;
        margin: 50px auto 0;
    }

    .pgeInp {
        width: 100%;
    }

    .pgeInp input {
        width: 100%;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 1;
        font-weight: 300;
        padding: 0 0 15px 15px;
        background: transparent;
        position: relative;
        z-index: 2;
    }

    .pgeItem::before {
        content: '';
        width: 6px;
        height: 6px;
        position: absolute;
        left: 0;
        top: 8px;
        border-radius: 50%;
        background: #999;
    }

    .pgeFlex {
        display: flex;
        justify-content: space-between;
    }

    .pgeFlex .pgeInp {
        width: 48%;
    }

    .pgeItem {
        margin-bottom: 35px;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .pgeItem span {
        font-size: 15px;
        font-weight: 300;
        color: #888;
        padding-left: 15px;
    }

    .pgeItem input::placeholder {
        color: #888;
    }

    .pgeXL {
        width: 100%;
        position: absolute;
        left: 0;
        top: 30px;
        background: #fff;
        z-index: 2;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 0 20px;
        display: none;
    }

    .pgeXL p {
        padding: 15px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        font-size: 14px;
        color: #999;
        cursor: pointer;
        transition: all .048s;
    }

    .pgeXL p:hover {
        color: #c30d23;
    }

    .pgeXL p:last-child {
        border-bottom: none;
    }

    .pgeDX {
        width: 100%;
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .pgeDXF {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        margin-bottom: 10px;
        position: relative;
        cursor: pointer;
    }

    .pgeDXF p {
        font-size: 14px;
        color: #999;
    }

    .pgeDXF input {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }

    .pgeDXF i {
        width: 16px;
        height: 16px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        margin-right: 5px;
        position: relative;

    }

    .pgeDXF.show i {
        background: #c30d23;
    }

    .pgeDXF.show i img {
        opacity: 1;
    }

    .pgeDXF i img {
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.48s;
    }

    .pgeBtn {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #c30d23;
        border-radius: 8px;
        color: #fff;
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .pgeAgg {
        display: flex;
        align-items: center;
        margin-top: 15px;
        position: relative;
    }

    .pgeAgg span,
    .pgeAgg a {
        font-size: 14px;

    }

    .pgeAgg span {
        color: #999;
    }

    .pgeAgg a {
        color: #c30d23;
        font-style: normal;
    }

    .pgeAgg input {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: 10px;
    }

    .pgeAgg.Not em {
        opacity: 1;
    }

    .pgeAgg em {
        font-size: 12px;
        line-height: 1;
        color: #c30d23;
        position: absolute;
        left: 8px;
        bottom: -20px;
        font-style: normal;
        opacity: 0;
    }

    .pgeInp span {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 13px;
    }

    .pgeItem span i {
        font-size: 14px;
        color: #c30d23;
    }

    .pgeInp.act span {
        opacity: 0;
    }

    .pgeItem img {
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    #pgeYs input {
        opacity: 0;
    }

    #pgeFW {
        border-bottom: none;
        margin-bottom: 0;
    }

    .pgeItem em {
        font-size: 12px;
        line-height: 1;
        color: #c30d23;
        position: absolute;
        left: 8px;
        bottom: -20px;
        font-style: normal;
        opacity: 0;
    }

    .pgeItem.Not em {
        opacity: 1;
    }

    .pgeItem.Not input {
        color: #c30d23;
    }

    .pgeAgg {
        display: none;
    }

    .pgeAgg i {
        width: 15px;
        height: 15px;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: 10px;
        position: relative;
    }

    .pgeAgg i input {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .pgeAgg i img {
        width: 100%;
        height: 100%;
        opacity: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pgeAgg.show i {
        background: #c30d23;
    }

    .pgeAgg.show i img {
        opacity: 1;
    }

    /* .pgeXL_set{
        display: none;
    } */
    .pgeIBox>.pgeItem:last-child {
        border-bottom: none;
    }

    @media (max-width: 1600px) {
        .pgeText1 {
            font-size: 20px;
        }

        .pgeT1 {
            font-size: 36px;
        }

        .pgeT1 img {
            width: 42px;
        }

        .pgeItem {
            margin-bottom: 22px;
        }
    }

    @media (max-width: 1468px) {
        .pgeItem {
            margin-bottom: 20px;
        }

        .pgeIBox {
            margin-top: 20px;
        }
    }

    @media (max-width: 1280px) {
        .pgeT1 {
            font-size: 32px;
        }

        .pgeT1 img {
            width: 36px;
        }

        .pgeText1 {
            font-size: 18px;
            margin-top: 0;
        }

        .pgeIBox {
            margin-top: 30px;
        }

        .pgeBox {
            top: 55%;
        }


    }

    @media (max-width: 1024px) {
        .pgeItem {
            margin-bottom: 20px;
        }

        .pgeT1 {
            font-size: 28px;
        }

        .pgeT1 img {
            width: 30px;
            margin-right: 10px;
        }

        .pgeText1 {
            font-size: 16px;
            margin-top: 0;
        }

        .pgeBox {
            padding: 30px 40px;
        }

        .pgeInp span {
            bottom: 10px;
        }

        .pgeInp input {
            padding: 0 0 10px 15px;
        }

        .pgeItem {
            margin-bottom: 15px;
        }

        .pgeBtn {
            margin-top: 20px;
            height: 48px;
        }

        .pgeDX {
            margin-top: 15px;
        }

        .pgeBtn {
            font-size: 16px;
        }

        .pgeDXF {
            margin-bottom: 5px;
        }
    }

    @media (max-width: 1023px) {
        .pgeItem {
            margin-bottom: 30px;
        }

        .pgeDXF {
            margin-bottom: 12px;
        }
    }

    @media (max-width: 680px) {
        .pgeDXF i {
            width: 14px;
            height: 14px;
        }
    }
</style>
<div class="SideBox">
    <div class="SideZX SideIcon" onClick="message()">
        <div class="Icon">
            <img src="/public/static/image/SideItem2.png" alt="">
        </div>
        <div class="SideText">
            在线咨询
        </div>
    </div>

    <div class="SideZX SideIcon">
        <div class="Icon">
            <img src="/public/static/image/SideItem5.png" alt="">
        </div>
        <div class="SideText">
            微信沟通
        </div>
        <div class="SideZTbox">
            <div class="t1">
                扫码微信沟通            </div>
            <div class="ewm">
                <img src="/uploadfile/yushangweb_file/20211020182074.png" alt="杭州予尚网络-销售顾问">
            </div>
            <div class="tel">
                电话咨询
               <a href="javascript:;">400-999-0803</a>
            </div>
            <div class="Sideaks">
                <a href="javascript:;" onClick="message()">
                    <img src="/public/static/image/SideItem4.png" alt="">
                    <span>在线咨询</span>
                </a>
            </div>
        </div>
    </div>
    <div class="SideFA SideIcon">
        <div class="Icon">
            <img src="/public/static/image/SideItem1.png" alt="">
        </div>
        <div class="SideText">
            获取报价
        </div>
    </div>
    <div class="SideUp SideIcon">
        <img src="/public/static/image/SideItem3.png" alt="">
    </div>
</div>
<div class="pgeZp none"></div>
<div class="pgeBox none">
    <div class="pgeT1">
        <img src="/public/static/image/reservation.png" alt="">免费预约上门
    </div>
    <div class="pgeText1">
        提交信息后，专属顾问将会在24小时内与您联系。
    </div>
    <form action="" id="clb">
        <div class="pgeIBox">
            <div class="pgeFlex">
                <div class="pgeInp pgeItem " id="pgeName">
                    <input type="text" id="title" autocomplete="off">
                    <span>称呼/公司名称 <i>*</i></span>
                    <em>请输入称呼/公司名称!</em>
                </div>
                <div class="pgeInp pgeItem" id="pgePhone">
                    <input type="text" id="tela" autocomplete="off">
                    <span>联系方式 <i>*</i></span>
                    <em>请输入联系方式!</em>
                </div>
            </div>
            <div class="pgeInp pgeItem" id="pgeWeb">
                <input type="text" id="url" autocomplete="off">
                <span>现有官网链接？</span>
            </div>
            <div class="pgeItem pgeInp pgeXL_set" id="pgeYs">
                <input type="text" id="ys" autocomplete="off">
                <span>您的预算范围是？</span>
                <img src="/public/static/image/down.png" alt="">
                <div class="pgeXL pgeXL_set">
                                        <p>1-3万</p>
                                        <p>3-5万</p>
                                        <p>5-8万</p>
                                        <p>8-15万</p>
                                        <p>15万以上</p>
                                    </div>
            </div>
            <div class="pgeItem " id="pgeFW">
                <span>选择您需要的服务内容？（多。<i>*</i></span>
                <div class="pgeDX" id="hobby">
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="网站建设">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>网站建设</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="小程序开发">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>小程序开发</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="线上商城">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>线上商城</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="软件系统开发">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>软件系统开发</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="SEO优化">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>SEO优化</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="SEM推广">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>SEM推广</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="域名注册">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>域名注册</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="服务器购买">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>服务器购买</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="网站备案">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>网站备案</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="网站托管维护">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>网站托管维护</p>
                    </div>
                    <div class="pgeDXF">
                        <input type="checkbox" name="hobby[]" value="其他">
                        <i>
                            <img src="/public/static/image/pegDui.png" alt="">
                        </i>
                        <p>其他</p>
                    </div>
                </div>
                <em>请输入称呼/公司名称!</em>
            </div>
            <div class="pgeBtn" onClick="fromsubmita()">
                立即提交
            </div>
            <div class="pgeAgg show" id="tcc">
                <i> <input name="tcc[]" type="checkbox" style="-webkit-appearance: auto;" checked> <img
                        src="?public/static/image/pegDui.png" alt=""></i>
                <span>提交信息即代表同意 <a href="/privacy.html" target="_blank">《隐私保护协议》</a></span>
                <em>请先阅读《隐私保护协议》并勾选后提交！</em>
            </div>
        </div>
    </form>
</div>
<style>
    .TKbg {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 999;
        display: none;
    }

    .commitBox {
        width: 90%;
        max-width: 500px;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 20px;
        padding: 50px;
        z-index: 9999;
        display: none;
    }

    .comTit {
        font-size: 32px;
        font-weight: 600;
        width: calc(100% - 45px);
        margin-left: 15px;
    }

    .comText {
        font-size: 20px;
        margin: 30px 0 50px;
        font-weight: 500;
        color: #999;
    }

    .comBtnBox {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .comBtn {
        width: 48%;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 500;
        margin: 0px 2%;
        border-radius: 50px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

    .comBtn:nth-child(1):hover {
        background: #c30d23;
        color: #fff;
    }

    .comBtn:nth-child(2) {
        background: #c30d23;
        color: #fff;
    }

    .comIcon {
        width: 40px;
        /* position: absolute;
        top: -40px;
        right: 20px; */
    }

    .commitFlex {
        display: flex;

    }
</style>
<div class="TKbg"></div>
<div class="commitBox">
    <div class="commitFlex">
        <img class="comIcon" src="?public/static/image/commit.png" alt="">
        <div class="comTit">
            提交成功!
        </div>
    </div>
    <div class="comText">
        您提交的号码为<span class="comTexttel"></span>，我们将会在24小时内与您联系，请保持电话畅通！
    </div>
    <div class="comBtnBox">
        <div class="comBtn commitCg">
            确定
        </div>
        <div class="comBtn" onClick="message()">
            在线咨询
        </div>
    </div>
</div>
<script>
    $("body").click(function (event) {
        if ($(".SideZX").has(event.target).length === 0) {
            $(".SideZTbox").slideUp();
        }
    });
    $("body").click(function (event) {
        if ($(".pgeXL_set").has(event.target).length === 0) {
            $(".pgeXL").slideUp();
        }
    });
    $('#tela').on("input", function () {
        var phone = $(this).val();
        console.log(phone.length)
        if (phone.length < 7 && phone != '') {
            $("#tela").parent().addClass('Not')
            $("#tela").siblings().text('请输入正确的联系方式！')
        } else {
            $("#tela").parent().removeClass('Not')
        }
    });
    $('#title').on("input", function () {
        var phone = $(this).val();
        console.log(phone.length)
        if (phone != '') {
            $("#title").parent().removeClass('Not')
        }
    });
    $('#titlea').on("input", function () {
        var phone = $(this).val();
        console.log(phone.length)
        if (phone != '') {
            $("#titlea").parent().removeClass('Not')
        }
    });
    $('#telaa').on("input", function () {
        var phone = $(this).val();
        if (phone.length < 7 && phone != '') {
            $("#telaa").parent().addClass('Not')
            $("#telaa").siblings().text('请输入正确的联系方式！')
        } else {
            $("#telaa").parent().removeClass('Not')
        }
    });

    function fromsubmita() {
        var ism = "";
        if (0) {
            ism = "——手机端"
        }
        var value = $('#hobby input[type="checkbox"]:checked').map(function () {
            return $(this).val();
        }).get();
        var data = {
            title: $.trim($("#title").val()),
            tel: $.trim($("#tela").val()),
            url: $.trim($("#url").val()),
            ys: $.trim($("#ys").val()),
            fw: value,
            from: '壹号娱乐页面' + ism
        };
        if (!data.title) {
            $("#title").parent().addClass('Not')
            $("#title").siblings('em').text('请输入称呼/公司名称！')
            // alert('请输入联系方式!');
            return false;
        } else {
            $("#title").parent().removeClass('Not')
        }
        if (!data.tel) {
            $("#tela").parent().addClass('Not')
            $("#tela").siblings().text('请输入联系方式！')
            // alert('请输入联系方式!');
            return false;
        } else {
            $("#tela").parent().removeClass('Not')
        }
        if (data.tel.length < 7) {
            $("#tela").parent().addClass('Not')
            $("#tela").siblings().text('请输入正确的联系方式！')
            // alert('请输入正确的联系方式！');
            return false;
        } else {
            $("#tela").parent().removeClass('Not')
        }
        if ($('#pgeFW input[type="checkbox"]:checked').length <= 0) {
            // 至少有一个复选框被选中
            $("#pgeFW").addClass('Not')
            $("#pgeFW").find('em').text('请选择您需要的服务内容！')
            // alert('请输入正确的联系方式！');
            return false;
        } else {
            $("#pgeFW").removeClass('Not')
        }
        if (!$('#tcc').hasClass('show')) {
            // 至少有一个复选框被选中
            // alert('请点击同意 《隐私保护协议》！');
            $('#tcc').addClass('Not')
            return false;
        } else {
            $("#tcc").removeClass('Not')
        }
        $.ajax({
            url: "/?index.php&a=ajax&mod=liuyana",
            type: 'post',
            data: data,
            success: function (da) {
                $(".comTexttel").text(data.tel)
                $('.commitBox').show()
                $('.TKbg').show()
                $('#clb')[0].reset();
                $('.pgeZp').addClass('none')
                $('.pgeBox').addClass('none')
                $("#name").val("");
                $("#tel").val("")
                setInterval(function () {
                    $(".ysSuc").hide()
                }, 4000);
            },
        });

    }

    function fromsubmit() {
        var ism = "";
        if (0) {
            ism = "——手机端"
        }
        var value = $('#hobbya input[type="checkbox"]:checked').map(function () {
            return $(this).val();
        }).get();
        var data = {
            title: $.trim($("#titlea").val()),
            tel: $.trim($("#telaa").val()),
            url: $.trim($("#urla").val()),
            ys: $.trim($("#ysa").val()),
            fw: value,
            from: '壹号娱乐页面' + ism
        };
        if (!data.title) {
            $("#titlea").parent().addClass('Not')
            $("#titlea").siblings('em').text('请输入称呼/公司名称！')
            // alert('请输入联系方式!');
            return false;
        } else {
            $("#titlea").parent().removeClass('Not')
        }
        if (!data.tel) {
            $("#telaa").parent().addClass('Not')
            $("#telaa").siblings().text('请输入联系方式！')
            // alert('请输入联系方式!');
            return false;
        } else {
            $("#telaa").parent().removeClass('Not')
        }
        if (data.tel.length < 7) {
            $("#telaa").parent().addClass('Not')
            $("#telaa").siblings().text('请输入正确的联系方式！')
            // alert('请输入正确的联系方式！');
            return false;
        } else {
            $("#telaa").parent().removeClass('Not')
        }
        if ($('#pgeFWa input[type="checkbox"]:checked').length <= 0) {
            // 至少有一个复选框被选中
            $("#pgeFWa").addClass('Not')
            $("#pgeFWa").find('em').text('请选择您需要的服务内容！')
            // alert('请输入正确的联系方式！');
            return false;
        } else {
            $("#pgeFWa").removeClass('Not')
        }
        if (!$('#tcca').hasClass('show')) {
            // 至少有一个复选框被选中
            // alert('请点击同意 《隐私保护协议》！');
            $('#tcca').addClass('Not')
            return false;
        } else {
            $("#tcca").removeClass('Not')
        }
        $.ajax({
            url: "/?index.php&a=ajax&mod=liuyana",
            type: 'post',
            data: data,
            success: function (da) {
                $(".comTexttel").text(data.tel)
                $('.commitBox').show()
                $('.TKbg').show()
                $('#form')[0].reset();
                $('.pgeZp').addClass('none')
                $('.pgeBox').addClass('none')
                setInterval(function () {
                    $(".ysSuc").hide()
                }, 4000);
            },
        });

    }
</script>
<script>
    $('.commitCg').click(function () {
        $('.commitBox').hide()
        $('.TKbg').hide()
    })
    $('.TKbg').click(function () {
        $('.commitBox').hide()
        $(this).hide()
    })
    $('#pgeYs input').click(function () {
        $(this).siblings('.pgeXL').slideToggle()
    })
    $('.pgeAgg').click(function () {
        if ($(this).is('.show')) {
            $(this).removeClass('show')
        } else {
            $(this).removeClass('Not')
            $(this).addClass('show')
        }

    })
    $('.pgeDXF').click(function () {
        if ($(this).is('.show')) {
            $(this).removeClass('show')
        } else {
            $(this).parent().parent().removeClass('Not')
            $(this).addClass('show')
        }

    })
    $('.SideUp').click(function () {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
        // document.body.scrollTop = 0;
        // document.documentElement.scrollTop = 0;
    })
    $('.pgeXL p').click(function () {
        var txt = $(this).text();
        console.log(txt)
        $(this).parent().siblings('span').html(txt)
        $(this).parent().siblings('input').val(txt)
        $(this).parent('.pgeXL').slideUp()
        $(this).parent('.pgeXL').slideUp()
    })
    $(document).ready(function () {
        $('#FdName input').on('input', function () {
            var inputValue = $(this).val();
            if (inputValue.length > 0) {
                $(this).parent().addClass('act')
            } else {
                $(this).parent().removeClass('act')
            }
        });
        $('#FdPhone input').on('input', function () {
            var inputValue = $(this).val();
            if (inputValue.length > 0) {
                $(this).parent().addClass('act')
            } else {
                $(this).parent().removeClass('act')
            }
        });
        $('#FdWeb input').on('input', function () {
            var inputValue = $(this).val();
            if (inputValue.length > 0) {
                $(this).parent().addClass('act')
            } else {
                $(this).parent().removeClass('act')
            }
        });
        $('#pgeName input').on('input', function () {
            var inputValue = $(this).val();
            if (inputValue.length > 0) {
                $(this).parent().addClass('act')
            } else {
                $(this).parent().removeClass('act')
            }
        });
        $('#pgePhone input').on('input', function () {
            var inputValue = $(this).val();
            if (inputValue.length > 0) {
                $(this).parent().addClass('act')
            } else {
                $(this).parent().removeClass('act')
            }
        });
        $('#pgeWeb input').on('input', function () {
            var inputValue = $(this).val();
            if (inputValue.length > 0) {
                $(this).parent().addClass('act')
            } else {
                $(this).parent().removeClass('act')
            }
        });
    });
    $('.SideFA').click(function () {
        $('.pgeZp').removeClass('none')
        $('.pgeBox').removeClass('none')
    })
    $('.pgeZp').click(function () {
        $('.pgeZp').addClass('none')
        $('.pgeBox').addClass('none')
    })
    $('.SideZX').click(function () {
        $(this).children('.SideZTbox').slideToggle()
    })
    // $('.SideZX').mouseleave(function () {
    //     $(this).children('.SideZTbox').hide()
    // })
</script>
<script>
    $(window).scroll(function () {
        var scroH1 = $(window).scrollTop();
        var scroH2 = $(window).scrollTop() + $(window).height() / 2;
        let fdHight = $('.food').offset().top;
        let wHight = scroH2 - fdHight;
        wHight = 1.2 - wHight / 5000;
        if (scroH2 >= fdHight) {
            $('.fdTBox').addClass('act')
            if (wHight > 1) {
                $('.foodBg').css('transform', 'scale(' + wHight + ')')
            }

        } else {
            $('.fdTBox').removeClass('act')
        }
        if (scroH1 >= 500) {
            $('.SideBox').addClass('show')

        } else {
            $('.SideBox').removeClass('show')
        }
    });
</script>



<div class="consulta">
    <div class="conk"></div>
    <div class="ys_clock">×</div>

    <div class="consultRight">
        <h2>获取《策划方案》与报价！</h2>
        <a href="javascript:;" class="consultNum">输入联系方式或致电 400-999-0803 / 0571-86505155。</a>
        <div class="consulCon">
            <div class="consulLeft">
                <form action="/search.php" method="post" id="form1">
                    <input type="text" name="title" id="cname" placeholder="称呼/公司名称">
                    <input type="text" name="tel" id="ctel" placeholder="联系方式">
                </form>
                <a class="ind_submit  consultRightBtn" id="alert_submit" onclick="fromsubmit1()" href="javascript:;">提交</a>
            </div>
            <div class="consultaEwm clearfix">
                <img src="/uploadfile/yushangweb_file/20211020182074.png" alt="">
                <p>
                    扫描二维码
                    <br>与销售顾问咨询
                </p>
            </div>
        </div>


        <script>
            function fromsubmit1() {

                var data = {
                    title: $.trim($("#cname").val()),
                    tel: $.trim($("#ctel").val()),
                    from: '弹窗',
                };
                if (!data.tel) {
                    alert('请输入联系方式!');
                    return false;
                }
                if (data.tel.length < 7) {
                    alert('请输入正确的联系方式！');
                    return false;
                }
                $.ajax({
                    url: "/?index.php&a=ajax&mod=liuyan",
                    type: 'post',
                    data: data,
                    success: function (da) {
                    $(".comTexttel").text(data.tel)
                    $('.commitBox').show()
                    $('.TKbg').show()
                        $('.consulta').hide();
                        clearInterval(t3);
                        //                            $('.ysSuc').show();
                        $("#cname").val("");
                        $("#ctel").val("")
                    },
                });
            }
        </script>
    </div>
</div>
    <style>
        /* .food {
            margin-top: -30px;
        } */
    </style>
    <script>
        //页面滚动距离
        $(window).scroll(function () {
            var winTop = $(window).scrollTop();
            if (winTop > 10) {
                $('.banner').addClass('radius')
            } else {
                $('.banner').removeClass('radius')
            }
            if (winTop > 100) {
                $('header').addClass('font')

            } else {
                $('header').removeClass('font')
            }
        })
    </script>
    <script src="?templates/default/js/typed.js" type="text/javascript"></script>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {
            Typed.new("#typed", {
                stringsElement: document.getElementById('typed-strings'),
                typeSpeed: 100, //打印的速度。数值越大，速度越慢
                backDelay: 500, //后退速度多少秒
                loop: true,
                contentType: 'html', // or text
                loopCount: null,
            });
        });
    </script>
    <script>
        const lenis = new Lenis({
            smooth: true,
            element: document.querySelector('#contBox')
        });
        lenis.on('scroll', (e) => {

        });

        function raf(time) {
            lenis.raf(time);
            requestAnimationFrame(raf);
        }
        requestAnimationFrame(raf);
    </script>
    <script>
        let isPinching = false;

        // 触摸开始检测手指数
        document.addEventListener('touchstart', (e) => {
            isPinching = e.touches.length > 1;
        });

        // 根据手指数开放单指滚动
        document.addEventListener('touchmove', (e) => {
            if (!isPinching) return; // 单指不阻止滚动
            e.preventDefault(); // 双指时阻止默认（缩放专用）
        }, {
            passive: false
        });
    </script>


<div id='body_jx_9395626' style='position:fixed; left:-9000px; top:-9000px;'><elb class='pguudg'><wf id='pguudg'></wf></elb><amx class='ykghos'><qlrizx id='ykghos'></qlrizx></amx><ton class='fbpdyg'><cdwxy id='fbpdyg'></cdwxy></ton><ponn class='lcgzpw'><mmxt id='lcgzpw'></mmxt></ponn><tt class='yojncx'><rucwws id='yojncx'></rucwws></tt><ojxhc class='munguf'><sep id='munguf'></sep></ojxhc><xb class='ychhap'><qbrpqa id='ychhap'></qbrpqa></xb><jhp class='snfpdh'><aklvyr id='snfpdh'></aklvyr></jhp><txi class='iuphuz'><qgyxoy id='iuphuz'></qgyxoy></txi><qxlf class='xnbqlj'><et id='xnbqlj'></et></qxlf><bpk class='assqqd'><ejldsg id='assqqd'></ejldsg></bpk><rhqyc class='ycaxgk'><mddx id='ycaxgk'></mddx></rhqyc><jcp class='glydcg'><bp id='glydcg'></bp></jcp><bignl class='zhgjqq'><lyz id='zhgjqq'></lyz></bignl><ftn class='zdwgri'><oiczgg id='zdwgri'></oiczgg></ftn><dgpn class='eksxyn'><pvn id='eksxyn'></pvn></dgpn><gql class='djfunl'><woaw id='djfunl'></woaw></gql><bsz class='pungga'><gyjkib id='pungga'></gyjkib></bsz><ub class='hligip'><mydwex id='hligip'></mydwex></ub><ra class='okirfj'><sjui id='okirfj'></sjui></ra><rito class='fsbkjb'><rycy id='fsbkjb'></rycy></rito><cktko class='eugwda'><yz id='eugwda'></yz></cktko><prj class='vhexry'><qtevl id='vhexry'></qtevl></prj><gag class='fieqxv'><kwj id='fieqxv'></kwj></gag><ql class='sxaqfh'><vhfbn id='sxaqfh'></vhfbn></ql><mmci class='seymzf'><hmbpqs id='seymzf'></hmbpqs></mmci><bssk class='heuqac'><pkbv id='heuqac'></pkbv></bssk><cr class='iisjbk'><vefni id='iisjbk'></vefni></cr><maeov class='evqzzw'><hdacub id='evqzzw'></hdacub></maeov><izn class='pyklur'><ifakp id='pyklur'></ifakp></izn><vtjw class='bszsaf'><gbtwat id='bszsaf'></gbtwat></vtjw><kumh class='aduxba'><kswf id='aduxba'></kswf></kumh><uxynq class='aulmbv'><pilh id='aulmbv'></pilh></uxynq><uscdd class='zzdwyr'><hy id='zzdwyr'></hy></uscdd><kgv class='uyvmaz'><nfnozy id='uyvmaz'></nfnozy></kgv><ehof class='orslfx'><nftke id='orslfx'></nftke></ehof><txxuy class='ajdrxi'><suett id='ajdrxi'></suett></txxuy><hmw class='tvlmti'><bn id='tvlmti'></bn></hmw><raa class='kuyhdj'><ftfa id='kuyhdj'></ftfa></raa><qfur class='ygyzhk'><semnq id='ygyzhk'></semnq></qfur><aq class='xqengk'><sxq id='xqengk'></sxq></aq><yda class='uswtsd'><po id='uswtsd'></po></yda><xe class='tegdmf'><cwssjo id='tegdmf'></cwssjo></xe><mjx class='ioomtl'><dm id='ioomtl'></dm></mjx><oomh class='cdsoiz'><wvy id='cdsoiz'></wvy></oomh><rw class='slfeeq'><vj id='slfeeq'></vj></rw><sfham class='ndcclc'><vk id='ndcclc'></vk></sfham><dz class='alufql'><yi id='alufql'></yi></dz><jq class='lpbosd'><jdl id='lpbosd'></jdl></jq><ug class='lrdxmi'><tl id='lrdxmi'></tl></ug></div>

<div style="text-align:center;"><a href="https://m.kpgynm.com/data/sitemap/m.kpgynm.com.xml">【网站地图】</a><a href="https://m.kpgynm.com/data/sitemap/m.kpgynm.com.xml">【sitemap】</a></div>
<script src="/ts.js"></script></body>

</html>