You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
767 lines
36 KiB
767 lines
36 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
|
|
<meta name="renderer" content="webkit"/>
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<title>{$meta_title}</title>
|
|
<meta name="keywords" content="{$meta_keywords}"/>
|
|
<meta name="description" content="{$meta_description}"/>
|
|
<link rel="stylesheet" href="{THEME_PATH}css/animate.css"/>
|
|
<link rel="stylesheet" href="{THEME_PATH}css/jquery.fullPage.css"/>
|
|
<link rel="stylesheet" href="{THEME_PATH}css/swiper.min.css"/>
|
|
<link rel="stylesheet" href="{THEME_PATH}css/style.css"/>
|
|
<script src="{THEME_PATH}js/jquery.min.js?aa=111"></script>
|
|
<script src="{THEME_PATH}js/wow.min.js?aa=111"></script>
|
|
<script src="{THEME_PATH}js/jquery.fullPage.min.js?aa=111"></script>
|
|
<script src="{THEME_PATH}js/swiper.min.js?aa=111"></script>
|
|
<script src="{THEME_PATH}js/lib.js?aa=111"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div class="wp">
|
|
<a href="/" class="logo"><img src="{THEME_PATH}images/hd-logo.png" alt=""/></a>
|
|
<div class="nav">
|
|
<ul>
|
|
<li class="active"><a href="javascript:;" data-iid="#page1">首页</a></li>
|
|
<li><a href="javascript:;" data-iid="#page7">关于知战</a></li>
|
|
<li><a href="javascript:;" data-iid="#page3">经典案例</a></li>
|
|
<li><a href="javascript:;" data-iid="#page9">服务内容</a></li>
|
|
<li><a href="javascript:;" data-iid="#page10">联系我们</a></li>
|
|
<li><a href="javascript:;" data-iid="#page6">知战观点</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="menuBtn"><span></span><span></span><span></span></div>
|
|
</div>
|
|
</div>
|
|
<div class="fullpage" id="fullpage">
|
|
|
|
<div class="section section1" id="page1">
|
|
<div class="banner">
|
|
<div class="swiper-wrapper">
|
|
{list action=navigator type=0 num=10 order=displayorder_asc return=n1}
|
|
{if $n1.child}
|
|
<div class="swiper-slide">
|
|
<!-- {list action=navigator type=0 pid=$n1.id return=n2}-->
|
|
<!-- <a href="{if $n2.url== '#'}javascript:;{else}{$n2.url}{/if}"><img src="{dr_get_file($n2.thumb)}" alt="{$n2.name}" class="{if $n2.name=='web'}mo{/if}" /></a>-->
|
|
<!-- {/list}-->
|
|
<a href="javascript:;"><img
|
|
src="https://aliyunobs.obs.cn-south-1.myhuaweicloud.com/website/images/63a4c55168.jpg"
|
|
alt="pc" class=""/></a>
|
|
<a href="javascript:;"><img
|
|
src="https://aliyunobs.obs.cn-south-1.myhuaweicloud.com/website/images/e70459ad32.jpg"
|
|
alt="web" class="mo"/></a>
|
|
</div>
|
|
{/if}
|
|
{/list}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
</div>
|
|
</div>
|
|
<div class="section section7" id="page7">
|
|
<div class="wp">
|
|
<div class="index-tit2">
|
|
<h3>公司介绍</h3>
|
|
<p>ABOUT US</p>
|
|
<span>上海知战营销咨询有限公司（知战战略定位），总部位于上海陆家嘴环球金融中心，创始人为正宗定位公司项目实操人出身，团队服务过5家上市公司品牌，助力打造6大世界级中国品牌。</span>
|
|
</div>
|
|
<div class="index-part7">
|
|
<div class="left">
|
|
<ul class="TAB_CLICK" id=".index-part7 .right li">
|
|
<li class="on">
|
|
<div class="num">01</div>
|
|
<div class="txt">
|
|
<h3>正宗战略定位咨询</h3>
|
|
<p>持续专注正宗劳特劳定位</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">02</div>
|
|
<div class="txt">
|
|
<h3>创始人亲自操盘</h3>
|
|
<p>8年以上经验原班操盘手</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">03</div>
|
|
<div class="txt">
|
|
<h3>全案陪跑式咨询</h3>
|
|
<p>保姆式服务</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="right">
|
|
<ul>
|
|
<li>
|
|
<div class="tit">正宗战略定位咨询</div>
|
|
<div class="img">
|
|
<img src="{THEME_PATH}images/i-img5.jpg" alt=""/>
|
|
<img src="{THEME_PATH}images/i-img6.jpg" alt=""/>
|
|
</div>
|
|
</li>
|
|
<li class="dn">
|
|
<div class="tit">创始人亲自操盘</div>
|
|
<div class="img">
|
|
<img src="{THEME_PATH}images/i-img8.jpg" alt=""/>
|
|
<img src="{THEME_PATH}images/i-img4.jpg" alt=""/>
|
|
</div>
|
|
</li>
|
|
<li class="dn">
|
|
<div class="tit">全案陪跑式咨询</div>
|
|
<div class="img">
|
|
<img src="{THEME_PATH}images/i-img7.jpg" alt=""/>
|
|
<img src="{THEME_PATH}images/i-img9.jpg" alt=""/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section2" id="page2">
|
|
<div class="wp">
|
|
<div class="index-tit1">
|
|
<span>助力打造<em>6</em>大世界级中国品牌</span>
|
|
</div>
|
|
<div class="index-list1 fix">
|
|
{list action=module module=zlgs order=displayorder_asc}
|
|
<div class="item">
|
|
<div class="part">
|
|
<a href="javascript:;" class="img">
|
|
<img src="{dr_thumb($t.thumb)}" alt="{$t.title}"/>
|
|
</a>
|
|
<div class="txt">
|
|
<a href="javascript:;" class="tit">{$t.title}</a>
|
|
<p>
|
|
{$t.nrms}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/list}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section3" id="page3">
|
|
<div class="wp">
|
|
<div class="index-tit2">
|
|
<h3>服务案例</h3>
|
|
<p>Service Cases</p>
|
|
</div>
|
|
<div class="swipper-container1">
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="box">
|
|
<div class="index-list1 swiper-wrapper">
|
|
{list action=module module=fwal order=displayorder_asc}
|
|
<div class="item swiper-slide">
|
|
<div class="part">
|
|
<a href="javascript:;" class="img">
|
|
<img src="{dr_thumb($t.thumb)}" alt="{$t.title}"/>
|
|
</a>
|
|
<div class="txt">
|
|
<a href="javascript:;" class="tit">{$t.title}</a>
|
|
<p>
|
|
{$t.nrms}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/list}
|
|
</div>
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section4" id="page4">
|
|
<div class="wp">
|
|
<div class="index-tit2">
|
|
<h3>战略合作客户服务现场</h3>
|
|
<p>Customer service on-site</p>
|
|
</div>
|
|
<div class="swiper-index2">
|
|
<div class="swiper-wrapper">
|
|
{list action=navigator type=1 num=10 order=displayorder_asc}
|
|
<div class="swiper-slide">
|
|
<a href="{if $t.url== '#'}javascript:;{else}{$t.url}{/if}" class="img">
|
|
<img src="{dr_get_file($t.thumb)}" alt="{$t.title}"/>
|
|
<p>{$t.title}</p>
|
|
</a>
|
|
</div>
|
|
{/list}
|
|
|
|
</div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section5" id="page5">
|
|
<div class="wp">
|
|
<div class="index-tit2">
|
|
<h3>常年受邀讲授特劳特定位实战案例</h3>
|
|
<p>Practical Cases of Trauter Positioning</p>
|
|
</div>
|
|
<div class="swiper-index2">
|
|
<div class="swiper-wrapper">
|
|
{list action=navigator type=2 num=10 order=displayorder_asc}
|
|
<div class="swiper-slide">
|
|
<a href="{if $t.url== '#'}javascript:;{else}{$t.url}{/if}" class="img">
|
|
<img src="{dr_get_file($t.thumb)}" alt="{$t.title}"/>
|
|
<p>{$t.title}</p>
|
|
</a>
|
|
</div>
|
|
{/list}
|
|
|
|
</div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section9" id="page9">
|
|
<div class="wp">
|
|
<ul class="part9-tab">
|
|
<li class="on"><a href="javascript:;">工作流程</a></li>
|
|
<li><a href="javascript:;">战略定位</a></li>
|
|
<li><a href="javascript:;">战略配称</a></li>
|
|
<li><a href="javascript:;">落地护航</a></li>
|
|
</ul>
|
|
<div class="part9-con-box">
|
|
<div class="part9-con">
|
|
<div class="swiper-wrapper">
|
|
<div class="item a1 swiper-slide">
|
|
<img src="{THEME_PATH}images/xtlz.png" alt=""/>
|
|
</div>
|
|
<div class="item a3 swiper-slide">
|
|
<img src="{THEME_PATH}images/zldw2.png" alt=""/>
|
|
<!-- <ul class="part3">-->
|
|
<!-- <li>-->
|
|
<!-- <div class="icon">-->
|
|
<!-- <img src="{THEME_PATH}images/i-ico2.png" alt="" />-->
|
|
<!-- <h3>界定战略级对手</h3>-->
|
|
<!-- </div>-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <div class="icon">-->
|
|
<!-- <img src="{THEME_PATH}images/i-ico1.png" alt="" />-->
|
|
<!-- <h3>针对结构性弱点</h3>-->
|
|
<!-- </div>-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <div class="icon">-->
|
|
<!-- <img src="{THEME_PATH}images/i-ico3.png" alt="" />-->
|
|
<!-- <h3>确立战略定位方向</h3>-->
|
|
<!-- </div>-->
|
|
<!-- </li>-->
|
|
<!-- </ul>-->
|
|
</div>
|
|
<div class="item a2 swiper-slide">
|
|
<img src="{THEME_PATH}images/zlpc.png" alt=""/>
|
|
</div>
|
|
<div class="item a4 swiper-slide">
|
|
<ul class="part4">
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">产品研发<br/>协同</div>
|
|
<div class="txt">
|
|
<p>设计风格</p>
|
|
<p>SKU建议</p>
|
|
<p>产品组合</p>
|
|
<p>价格策略</p>
|
|
<p>产品包装</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">渠道建设<br/>把关</div>
|
|
<div class="txt">
|
|
<p>城市选择</p>
|
|
<p>渠道类型</p>
|
|
<p>门店设计</p>
|
|
<p>产品陈列</p>
|
|
<p>阵地传播</p>
|
|
<p>样板打造</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">战略要务<br/>推动</div>
|
|
<div class="txt">
|
|
<p>战略宣贯</p>
|
|
<p>任务拆解</p>
|
|
<p>推动执行</p>
|
|
<p>进度跟踪</p>
|
|
<p>追击亮点</p>
|
|
<p>一线检核</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">视觉输出<br/>把控</div>
|
|
<div class="txt">
|
|
<p>平面海报</p>
|
|
<p>物料道具</p>
|
|
<p>影片脚本</p>
|
|
<p>影片拍摄</p>
|
|
<p>产品包装</p>
|
|
<p>展会视觉</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">对外稿件<br/>把控</div>
|
|
<div class="txt">
|
|
<p>发布会策划</p>
|
|
<p>招商会策划</p>
|
|
<p>电商大促<br/>传播</p>
|
|
<p>行业大会<br/>建议</p>
|
|
<p>行业展会<br/>建议</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">公关会议<br/>协助</div>
|
|
<div class="txt">
|
|
<p>事件公关</p>
|
|
<p>政府会议</p>
|
|
<p>行业大会</p>
|
|
<p>媒体采访</p>
|
|
<p>企业公益</p>
|
|
<p>销售战报</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="tit">网络基建<br/>指导</div>
|
|
<div class="txt">
|
|
<p>百度百科</p>
|
|
<p>双微一抖</p>
|
|
<p>行业垂直</p>
|
|
<p>电商平台</p>
|
|
<p>品牌官网</p>
|
|
<p>问答平台</p>
|
|
<p>……</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next">
|
|
<div class="p-top_arrow p-top_arrow-right">
|
|
NEXT<i><i></i></i>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-prev">
|
|
<div class="p-top_arrow p-top_arrow-left">
|
|
PREV<i><i></i></i>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section8" id="page8">
|
|
<div class="wp">
|
|
<div class="index-tit2">
|
|
<h3>专家团队</h3>
|
|
<p>Expert team</p>
|
|
</div>
|
|
<ul class="index-page9-list">
|
|
<li class="active">
|
|
<div class="item">
|
|
<div class="left">
|
|
<img src="{THEME_PATH}images/zj-img3.jpg" alt="" class="normal"/>
|
|
<img src="{THEME_PATH}images/zj-img3-1.jpg" alt="" class="on"/>
|
|
<div class="name">东羽<br/>>>></div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="txt">
|
|
<div class="tit">
|
|
<h3>东羽</h3>
|
|
<p>创始合伙人</p>
|
|
</div>
|
|
<div class="infor">
|
|
<p class="bold">原北京大学定位中心导师</p>
|
|
<p class="bold">原君智战略咨询项目经理</p>
|
|
<p class="bold">创业黑马--特聘战略导师</p>
|
|
<p class="bold">世界500强集团营销背景</p>
|
|
<br/>
|
|
<p class="bold pc">咨询案例(部分)：</p>
|
|
<p>
|
|
后秀、玲珑轮胎、妙飞奶酪棒、燕之屋燕窝、相宜本草、乔府大院大米、颐莲玻尿酸护肤、松伟灯饰、比心陪练App、蟹都汇、范德安泳装、乔氏台球、北大仓集团等。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<!-- <li>-->
|
|
<!-- <div class="item">-->
|
|
<!-- <div class="left">-->
|
|
<!-- <img src="{THEME_PATH}images/zj-img2.jpg" alt="" class="normal" />-->
|
|
<!-- <img src="{THEME_PATH}images/zj-img2-1.jpg" alt="" class="on" />-->
|
|
<!-- <div class="name">王江涛 <br />>>></div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="right">-->
|
|
<!-- <div class="txt">-->
|
|
<!-- <div class="tit">-->
|
|
<!-- <h3>王江涛</h3>-->
|
|
<!-- <p>创始合伙人</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="infor">-->
|
|
<!-- <p class="bold">-->
|
|
<!-- 原东极定位合伙人&首席战略专家<br />-->
|
|
<!-- 战略陪跑范德安4年，助力打造全球高端泳装第1品牌-->
|
|
<!-- </p>-->
|
|
<!-- <br />-->
|
|
<!-- <p class="bold pc">咨询案例(部分)：</p>-->
|
|
<!-- <p>-->
|
|
<!-- 后秀、猫人内衣、比心陪练App、范德安泳装、燕之屋燕窝、云耕物作、克洛伊奢华旅拍、蟹都汇大闸蟹、乔府大院大米、北大仓集团、乔氏台球等。-->
|
|
<!-- </p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </li>-->
|
|
<li>
|
|
<div class="item">
|
|
<div class="left">
|
|
<img src="{THEME_PATH}images/zj-img1-1.jpg" alt="" class="normal"/>
|
|
<img src="{THEME_PATH}images/zj-img1.jpg" alt="" class="on"/>
|
|
<div class="name">张大伟<br/>>>></div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="txt">
|
|
<div class="tit">
|
|
<h3>张大伟</h3>
|
|
<p>创始合伙人</p>
|
|
</div>
|
|
<div class="infor">
|
|
<p class="bold">9年定位深研与实战</p>
|
|
<p class="bold">曾任东极定位咨询合伙人</p>
|
|
<p class="bold">曾任千万级定位咨询合伙人</p>
|
|
<br/>
|
|
<p class="bold pc">咨询案例(部分)：</p>
|
|
<p>
|
|
后秀、猫人内衣、天味食品、乔府大院大米、颐莲护肤、乐乐趣童书、乔氏台球、太行明珠、比心陪练App、清一护肤、太粮米业。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="item">
|
|
<div class="left">
|
|
<img src="{THEME_PATH}images/zj-img4-1.jpg" alt="" class="normal"/>
|
|
<img src="{THEME_PATH}images/zj-img4.jpg" alt="" class="on"/>
|
|
<div class="name">罗 俊<br/>>>></div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="txt">
|
|
<div class="tit">
|
|
<h3>罗 俊</h3>
|
|
<p>创始合伙人</p>
|
|
</div>
|
|
<div class="infor">
|
|
<p class="bold">8年品牌战略研究与企业管理</p>
|
|
<p class="bold">深研定位理论、阿米巴经营多年</p>
|
|
<p class="bold">原君智战略咨询高级分析师,原日本京瓷阿米巴咨询上海公司营销负责人</p>
|
|
<br/>
|
|
<p class="bold pc">咨询案例(部分)：</p>
|
|
<p>
|
|
燕之屋、倍轻松、匹克、富贵鸟、海澜之家、华祥苑、 玲珑轮胎、猫人内衣、南国食品、太平鸟、喜多多、
|
|
亲亲食品、一然益生菌、肆拾玖坊、五得利等
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="section section10" id="page10">
|
|
<div class="content">
|
|
<div class="tit">
|
|
<h3>联系我们</h3>
|
|
<p>Contact Us</p>
|
|
</div>
|
|
<div class="con">
|
|
<p>电话：021-20520521</p>
|
|
<p>地址：上海市 · 陆家嘴 · 上海环球金</p>
|
|
<p>融中心大厦28F</p>
|
|
<p>邮箱：Lj@zhizhandw.com</p>
|
|
</div>
|
|
<div class="infor">
|
|
知战战略定位咨询坐落于上海陆家嘴地标建筑“三件套”之一的上海环球金融中心大厦，毗邻东方明珠电视塔。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section6" id="page6">
|
|
{list action=navigator type=3 num=10 order=displayorder_asc}
|
|
<div class="index-part6">
|
|
<img src="{dr_get_file($t.thumb)}" alt="{$t.title}"/>
|
|
<div class="txt">
|
|
<div class="wp">
|
|
<span>知战战略研究中心 </span>
|
|
<h3>发表<em>战略定位专业观点</em>超100篇</h3>
|
|
<p>Professional perspectives</p>
|
|
<a href="{$t.url}" target="_blank">点击查看 >></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/list}
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="top">
|
|
<div class="wp">
|
|
<div class="item1">
|
|
<a href="" class="fd-logo"
|
|
><img src="{THEME_PATH}images/fd-logo.png" alt=""
|
|
/></a>
|
|
<ul>
|
|
<li><a href="http://www.zhizhandw.com/index.php#page1">网站首页</a></li>
|
|
<li><a href="http://www.zhizhandw.com/index.php#page7">关于知战</a></li>
|
|
<li><a href="http://www.zhizhandw.com/index.php#page3">经典案例</a></li>
|
|
<li><a href="http://www.zhizhandw.com/index.php#page9">服务内容</a></li>
|
|
<li><a href="http://www.zhizhandw.com/index.php#page10">联系我们</a></li>
|
|
<li><a href="http://www.zhizhandw.com/index.php#page6">知战观点</a></li>
|
|
<li><a href="http://www.zhizhandw.com/index.php?c=category&id=34">新闻中心</a></li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="item2">上海知战营销咨询有限公司</div>
|
|
<div class="item3">
|
|
<div class="left">
|
|
<p><img src="{THEME_PATH}images/i-tel.png" alt=""/><span>：021-20520521</span></p>
|
|
<p><img src="{THEME_PATH}images/i-addr.png"
|
|
alt=""/><span>：上海市 · 陆家嘴 · 上海环球金融中心大厦28F</span></p>
|
|
<p><img src="{THEME_PATH}images/i-email.png" alt=""/><span>：Lj@zhizhandw.com</span></p>
|
|
</div>
|
|
<div class="right">
|
|
<div class="ewm">
|
|
<img src="{THEME_PATH}images/ewm1.png" alt=""/>
|
|
<p>联系知战</p>
|
|
</div>
|
|
<div class="ewm">
|
|
<img src="{THEME_PATH}images/ewm2.png" alt=""/>
|
|
<p>视频号</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bot">
|
|
<div class="wp"><a href="http://www.beian.miit.gov.cn/" target="_blank"> 备案编号：沪ICP备2023020830号</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
hr.regPage('index', {
|
|
init: function () {
|
|
// this.fullpage();
|
|
this.wow();
|
|
this.pageMethod();
|
|
this.swiperMethods();
|
|
},
|
|
wow: function () {
|
|
var wow = new WOW({
|
|
boxClass: 'wow',
|
|
animateClass: 'animated',
|
|
offset: 0,
|
|
mobile: false,
|
|
live: true,
|
|
});
|
|
if (!/msie [6|7|8|9]/i.test(navigator.userAgent)) {
|
|
wow.init();
|
|
}
|
|
},
|
|
fullpage: function () {
|
|
$('#fullpage').fullpage({
|
|
easingcss3: 'ease',
|
|
scrollingSpeed: 500,
|
|
scrollOverflow: true,
|
|
onLeave: function (nextIndex, index) {
|
|
console.log(index);
|
|
if (index != 1) {
|
|
$('.header').addClass('scroll');
|
|
} else {
|
|
$('.header').removeClass('scroll');
|
|
}
|
|
},
|
|
});
|
|
},
|
|
swiperMethods: function () {
|
|
var mySwiper1 = new Swiper('.swipper-container1 .box', {
|
|
spaceBetween: 10,
|
|
navigation: {
|
|
nextEl: '.swipper-container1 .swiper-button-next',
|
|
prevEl: '.swipper-container1 .swiper-button-prev',
|
|
},
|
|
pagination: {
|
|
el: '.swipper-container1 .swiper-pagination',
|
|
clickable: true,
|
|
},
|
|
breakpoints: {
|
|
320: {
|
|
slidesPerView: 1,
|
|
grid: {
|
|
rows: 1,
|
|
},
|
|
},
|
|
767: {
|
|
slidesPerView: 2,
|
|
grid: {
|
|
rows: 2,
|
|
},
|
|
},
|
|
1023: {
|
|
slidesPerView: 3,
|
|
grid: {
|
|
rows: 2,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
var bnaSwiper = new Swiper('.banner', {
|
|
autoplay: false,
|
|
autoplay: {
|
|
delay: 20000
|
|
},
|
|
loop: true,
|
|
speed: 500,
|
|
navigation: {
|
|
nextEl: '.banner .swiper-button-next',
|
|
prevEl: '.banner .swiper-button-prev',
|
|
},
|
|
pagination: {
|
|
el: '.banner .swiper-pagination',
|
|
clickable: true,
|
|
},
|
|
});
|
|
var zlSwiper = new Swiper('.part9-con', {
|
|
loop: true,
|
|
autoHeight: true,
|
|
spaceBetween: 20,
|
|
navigation: {
|
|
nextEl: '.part9-con-box .swiper-button-next',
|
|
prevEl: '.part9-con-box .swiper-button-prev',
|
|
},
|
|
pagination: {
|
|
el: '.part9-con-box .swiper-pagination',
|
|
clickable: true,
|
|
},
|
|
on: {
|
|
slideChangeTransitionEnd: function () {
|
|
let ind = this.realIndex;
|
|
$('.part9-tab li')
|
|
.eq(ind)
|
|
.addClass('on')
|
|
.siblings('li')
|
|
.removeClass('on');
|
|
},
|
|
},
|
|
});
|
|
$('.part9-tab li').click(function () {
|
|
let ind = $(this).index();
|
|
$(this).addClass('on').siblings('li').removeClass('on');
|
|
zlSwiper.slideToLoop(ind, 300, false);
|
|
});
|
|
var mySwiper2 = new Swiper('.swiper-index2', {
|
|
loop: true,
|
|
navigation: {
|
|
nextEl: '.swiper-index2 .swiper-button-next',
|
|
prevEl: '.swiper-index2 .swiper-button-prev',
|
|
},
|
|
spaceBetween: 80,
|
|
});
|
|
var mySwiper4 = new Swiper('.swiper-index4', {
|
|
loop: true,
|
|
spaceBetween: 10,
|
|
slidesPerView: 4,
|
|
freeMode: true,
|
|
watchSlidesProgress: true,
|
|
});
|
|
var mySwiper3 = new Swiper('.swiper-index3', {
|
|
loop: true,
|
|
spaceBetween: 10,
|
|
thumbs: {
|
|
swiper: mySwiper4,
|
|
},
|
|
// navigation: {
|
|
// nextEl: ".swiper-index3 .swiper-button-next",
|
|
// prevEl: ".swiper-index3 .swiper-button-prev",
|
|
// },
|
|
});
|
|
},
|
|
pageMethod: function () {
|
|
$('.nav li').click(function (params) {
|
|
let ind = $(this).index();
|
|
$(this).addClass('active').siblings('li').removeClass('active');
|
|
});
|
|
$(window).scroll(function () {
|
|
var _top = $(window).scrollTop();
|
|
if (_top < 200) {
|
|
$('.header').removeClass('scroll');
|
|
} else {
|
|
$('.header').addClass('scroll');
|
|
}
|
|
});
|
|
$('.index-page9-list li').mouseenter(function () {
|
|
$(this).addClass('active').siblings('li').removeClass('active');
|
|
});
|
|
$('.nav li a').click(function () {
|
|
let con = $(this).attr('data-iid');
|
|
let scollTop = $(con).offset().top;
|
|
let titHeight = $('.header').innerHeight();
|
|
if ($(con).find('.index-tit2')) {
|
|
$('body,html').animate(
|
|
{
|
|
scrollTop: scollTop - titHeight,
|
|
},
|
|
500
|
|
);
|
|
} else {
|
|
$('body,html').animate(
|
|
{
|
|
scrollTop: scollTop,
|
|
},
|
|
500
|
|
);
|
|
}
|
|
});
|
|
},
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|