<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小鹅通</title>
<link rel="stylesheet" href="styl/style.css">
<link rel="stylesheet" href="styl/小鹅通.css">
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
}
</style>
</head>
<body>
<!-- 头部 -->
<div class="tou">
<div class="biao">
<ul>
<li><img src="./下载.png" alt=""></li>
<li>首页</li>
<li>解决方案</li>
<li>产品服务</li>
<li>价格</li>
<li>活动</li>
<li>案例</li>
<li>渠道合作</li>
<li>下载与帮助</li>
<li>关于我们</li>
</ul>
<div class="you">
<div id="you1">我是学员</div>
<div id="you2">商家登录</div>
<div id="you3">免费试用</div>
</div>
</div>
<div class="tou2">
<img src="./m88hpjqd0d8l.webp" alt="">
</div>
</div>
<!-- 头部结束 -->
<!-- 我们的产品开始 -->
<div class="q">
<div class="q1">我们的产品能力</div>
<div class="q2"><img src="./m3moa2m10v5k.png" alt=""></div>
<div class="q3">
<div class="q31">
<ul class="q311">
<li class="q3111">知识店铺</li>
<li>1分钟搭建您的知识商城</li>
<li>助力高效知识变现</li>
<li class="q3112">免费试用</li>
</ul>
</div>
<div class="q32">
<ul class="q321">
<li class="q3211">私域直播</li>
<li>企业级专属私域直播平台</li>
<li>实现私域流量高效运营</li>
<li class="q3112">免费试用</li>
</ul>
</div>
<div class="q33">
<ul class="q331">
<li class="q3311">企微SCRM</li>
<li>企业微信私域运营神器</li>
<li>数据洞察驱动业绩增长</li>
<li class="q3112">免费试用</li>
</ul>
</div>
</div>
</div>
<!-- 我们的产品结束 -->
<!-- 我的解决方案开始 -->
<div class="w">
<div class="w1">我们的场景解决方案</div>
<div class="w2">
<div class="w21">公域获客</div>
<div class="w22">私域运营</div>
<div class="w23">内容营销</div>
<div class="w24">数据分析</div>
<div class="w25">直播带货</div>
</div>
<div class="w3">
<div class="w31"><img src="./styl/m10c72vn0zzo.webp" alt=""></div>
<div class="w32">
<div class="bu">
<div class="w321">公域获客</div>
<div class="w322">多渠道获客，沉淀私域流量池</div>
<div class="w323">打通抖音/快手/小红书/视频号/公众号，支持直播间/短视频/账号主页等多种课程挂载方式，快速开启知识变现</div>
<div class="w324">多种公域转私域工具，支持添加企微/引流加群加人/渠道活码/分配引擎等工具，客户可批量导流到私域流量池</div>
<div class="w325">丰富的广告获客能力，落地页支持表单/支付类/0元领取/添加企微等多场景，提升广告ROI</div>
</div>
<div class="w326">
<div class="w3261">免费试用</div>
<div class="w3262">了解详情</div>
</div>
</div>
</div>
</div>
<!-- 我的解决方案结束 -->
<!-- 行业开始 -->
<!-- <div class="e">
<div class="e1">我们的行业解决方案</div>
<div class="e2">
<div class="zuo">
<div>新零售门店</div>
<div>职业培训</div>
<div>知识付费</div>
<div>美业直播</div>
</div>
<div class="zhong"></div>
<div class="xia">
<div class="xia1">行业案例</div>
</div>
</div> -->
<div class="hangye">
<div class="bj4 ziticolor">
<div class="bt3">我们的行业解决方案</div>
<div class="nav3">
<div class="left2 ">
<div class="xiaobj2">
<div class="mendian">
<span>新零售门店</span>
</div>
<div class="peixun">
<span>职业培训</span>
</div>
<div class="fufei">
<span>知识付费</span>
</div>
<div class="zhibo">
<span>美业直播</span>
</div>
</div>
</div>
<div class="center1">
<div class="xiaobj3">
<div class="xiaobiaoti3">新零售门店解决方案</div>
<div class="xiaobiaoti4">私域直播带货+ 推广门店体系，助力商家私域流量高效变现</div>
<div class="tuwen">
<div class="diyihang tuwengeshi">
<div>
<span>直播带货</span>
</div>
<div>
<span>在线商城</span>
</div>
<div>
<span>门店管理</span>
</div>
<div>
<span>门店核销</span>
</div>
<div>
<span>渠道活码</span>
</div>
</div>
</div>
<div class="dierhang tuwengeshi">
<div>
<span>直播红包</span>
</div>
<div>
<span>直播抽奖</span>
</div>
<div>
<span>邀请达人榜</span>
</div>
<div>
<span>商品秒杀</span>
</div>
</div>
</div>
</div>
<div class="right3">
<div class="xiaobj4">
<div class="hangyeanli">行业案例</div>
</div>
</div>
</div>
<div class="anniu2">
<div>免费试用</div>
<div>了解详情</div>
</div>
</div>
</div>
</div>
<!-- 行业结束 -->
<!--我们的优势开始 -->
<div class="r">
<div class="r1">我们的技术优势</div>
<div class="r2">
<img src="./styl/屏幕截图 2025-03-20 224226.png" alt="">
</div>
</div>
<!-- 我们的优势结束 -->
<!-- 我们的运营开始 -->
<div class="t">
<div class="t1">我们的运营服务</div>
<div class="t2">
<div class="t21">
<div class="t211"><img src="./styl/服务_本地社群.png" alt=""></div>
<div class="t212">社群服务</div>
<div class="t213">标杆商家分享，同行商家交流，总比别人快一步</div>
</div>
<div class="t22">
<div class="t221"><img src="./styl/摄图网_501221054_商务女士打电话（企业商用）@3x (1).png" alt=""></div>
<div class="t222">管家服务</div>
<div class="t223">客户经理、服务管家、多角色在群，服务全面包围</div>
</div>
<div class="t23">
<div class="t231"><img src="./styl/大客服务 (1).png" alt=""></div>
<div class="t232">大客服务</div>
<div class="t233">设置夜班服务管家/假期值班管家，24小时在线服务，服务从不掉线</div>
</div>
<div class="t24">
<div class="t241"><img src="./styl/运维服务 (1).png" alt=""></div>
<div class="t242">运维服务</div>
<div class="t243">需求24小时反馈，需求处理率大于90% ，产品经理1v1回复</div>
</div>
</div>
</div>
<!-- 我们的运营结束 -->
<!-- 他们都在用小鹅通开始 -->
<div class="y">
<div class="y1">他们都在用小鹅通</div>
<div class="y2">
<div class="y21">
<div class="y211"><img src="./styl/屏幕截图 2025-03-22 191210.png" alt=""></div>
</div>
</div>
<div class="y3">
<div class="y31"><img src="./styl/屏幕截图 2025-03-22 191245.png" alt=""></div>
</div>
<div class="y4">
<div class="y41">更多案例</div>
</div>
</div>
<!-- 他们都在用小鹅通结束 -->
<!-- 解决方案开始 -->
<div class="u">
<div class="u1">
<div class="u11">
立即扫码咨询，领取您的专属解决方案
</div>
<div class="u12">
<div class="u121"><img src="./styl/屏幕截图 2025-03-22 195348.png" alt=""></div>
<div class="u122">
<div class="wai">
<div class="u1221">扫码添加客户经理</div>
<div class="u1222">或者您也可以先</div>
<div class="u1223">免费试用</div>
</div>
</div>
</div>
</div>
</div>
<!-- 解决方案结束 -->
<!-- 底部开始 -->
<div class="i"><img src="./styl/屏幕截图 2025-03-22 201912.png" alt=""></div>
<!-- 底部结束 -->
</body>
</html>
.tou{width: 100%;height: 375px;background-color: white}
.q{width: 100%;height: 707px;background-color: white; }
.w{width: 100%;height:1500px;background-color: whitesmoke}
.hangye{width: 100%;height: 1000px;background-image: url(./m0w7ssdh01vr.webp);justify-content: center;background-size: cover;}
.r{width:100%;height: 500px;background-color: whitesmoke;}
.t{width: 100%;height: 800px;background-color: whitesmoke;}
.y{width: 100%;height: 900px;background-color: whitesmoke;}
.u{width: 100%;height:300px;background-color: blue;}
.i{width: 100%;height: 850px;background-color:white;}
.baio{width: 100%;height: 32px;display: flex;justify-content: space-between;}
ul{display: flex;align-items: center;justify-content: space-between;list-style: none;width: 1000px;height: 32px;}
.you{display: flex;align-items: center;justify-content: space-evenly;width: 400px;font-size: 12px; }
ul li{cursor: pointer;font-size: 12px;}
ul li img{width: 72px;height: 12px;}
ul{width: 800px;height: 32px;display: flex;align-items: center;justify-content: space-between;}
you1 :hover{background-color: #000;color: white;}
you2, #you3{border: solid 1px #4872f6;
color: #4872f6;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: #fff;
font-weight: 300;
font-size: 12px;
transition: all .2s;}
you2:hover{background-color: #4872f6;color: white;}
you3:hover{background-color: #4872f6;color: white;}
.tou{display:flex;flex-direction: column;}
.tou2 img{width: 100%;flex: 1;}
.q1{display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight:600;color:black;height: 100px;}
biao{position: sticky;top: 0;}
.q2 img{width:1000px;height: 450px;}
.q{display: flex;flex-direction: column;align-items: center;}
.q3{display: flex;;justify-content: space-between;width: 1000px;height: 280px;}
.q311, .q321, .q331{display: flex;flex-direction: column;width: 300px;height: 150px;justify-content: space-between;}
.q3111, .q3211, .q3311{font-size: 20px;font-weight:600;color:black;}
.q3111{color: #4872f6;}
.q3112, .q3212, .q3312{color: #4872f6;font-size: 12px;font-weight: 300;}
.q3112, .q3212, .q3312{cursor: pointer;}
.q311 ,.q321, .q331{border: solid 1px #4872f6;font-weight: 400;background-color: #fff;border-radius: 10px;}
.q311{border: solid 1px ,5px #4872f6;}
.w1{width: 1000px;height: 72px;background-color:white;font-size: 30px;font-weight:600;color:black;display: flex;align-items: center;justify-content: center;background-color: whitesmoke;}
.w2{width: 800px;height: 35px;background-color:white;font-size: 20px;font-weight:600;color:black;}
.w{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.w2{display: flex;justify-content: space-between;font-size: 12px;border-radius: 20px;align-items: center;border: solid 1px gainsboro;}
.w21,.w22,.w23,.w24,.w25{width: 120px;height: 35px;background-color: #4872f6;color: white;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.w21:hover{background-color: #4872f6;color: white;}
.w21 ,.w22,.w23,.w24,.w25{cursor: pointer;}
.w21,.w22,.w23,.w24,.w25{width: 120px;height: 30px;background-color: white;color: black;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.w21:hover,.w22:hover,.w23:hover,.w24:hover,.w25:hover{background-color: #4872f6;color: white;}
.w3{width: 1000px;height: 500px;background-color: white;display: flex;align-items: center;justify-content: space-between;background-color: whitesmoke;}
.w31 img{width: 500px;height: 450px;}
.w32{width: 500px;height: 450px;background-color: white;display: flex;flex-direction: column;justify-content: space-between;}
.w321{width: 100%;height: 35px;color: black;display: flex;justify-content:space-between;font-size: 40px;font-weight: 600;}
.w322{width: 100%;height: 35px;color: black;display: flex;justify-content:space-between;font-size: 30px;font-weight: 100;}
.w323,.w324,.w325{width: 100%;height: 35px;color: gray;display: flex;justify-content:space-between;font-size: 12px;}
.w32{display: flex;justify-content: center;align-items: center;}
.bu{width: 420px;height: 300px;;display: flex;flex-direction: column;justify-content: space-between;}
.w3261,.w3262{width: 100px;height: 30px;background-color:#4872f6;color: white;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.w3262{transition: all .2s;}
.w3261:hover{background-color: #4872f6;color: white;}
.w3262:hover{background-color: #4872f6;color: white;}
.w3261 ,.w3262{cursor: pointer;}
.w326{display: flex;justify-content: space-evenly;width: 100%;height: 30px;}
/* 行业开始 /
/ .e1{width: 1000px;height: 72px;;font-size: 30px;font-weight:600;color:white;display: flex;align-items: center;justify-content: center;}
.e2{width: 1200px;height: 300px;background-color:gray;display: flex;}
.e{width: 100%;height: 500px;background-color: aquamarine;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.e2{display: flex;}
.zuo{width: 150px;background-color: azure;height: 300px;}
.zhong{width: 800px;background-color: green;height: 300px;}
.xia{width: 350px;background-color: blue;height: 300px;}
.zuo div{width: 100%;height: 30px;background-color: white;display: flex;align-items: center;justify-content: center;}
.zuo{display: flex;flex-direction: column;justify-content: space-between;font-size: 12px;}
.zuo div{cursor: pointer;}
.zuo div:hover{background-color: #4872f6;color: white;}
.zuo{display: flex;flex-direction: column;justify-content:space-around;} /
.bj4{
width: 1100px;
height: 640px;
/ background-color: aqua; /
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.ziticolor{
color: white;
}
.bt3{
font-size: 36px;
font-weight: 600;
transform: translate(0px,10px);
}
.nav3{
width: 1100px;
height: 380px;
/ background-color: antiquewhite; /
display: flex;
/ justify-content: space-between; /
}
.left2{
width: 170px;
height: 100%;
background-color: #2b3341;
display: flex;
flex-direction: column;
align-items: center;
}
.xiaobj2{
width: 150px;
height: 240px;
display: flex;
flex-direction: column;
/ gap: 0px; /
transform: translate(0px,30px);
align-items: center;
font-size: 14px;
}
.xiaobj2 div{
width: 130px;
height: 46px;
display: flex;
align-items: center;
padding: 19px;
}
.xiaobj2 div img{
width: 14px;
height: 14px;
transform: translate(-5px,0px);
}
.xiaobj2 div:hover{
background: linear-gradient(90deg, rgba(20, 114, 255, .86) -39.08%, rgba(21, 115, 255, 0) 96.33%);
}
.xiaobj2 div:nth-of-type(1){
background: linear-gradient(90deg, rgba(20, 114, 255, .86) -39.08%, rgba(21, 115, 255, 0) 96.33%);
}
.center1{
width:670px;
height: 100%;
background-color: #222a35;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.xiaobj3{
width:600px;
height:250px;
/ background-color: aquamarine; /
display: flex;
flex-direction: column;
justify-content: space-around;
transform: translate(0px,-10px);
}
.xiaobiaoti3{
font-size: 20px;
font-weight: 500;
}
.xiaobiaoti4{
transform: translate(0px,-6px);
}
.tuwen{
width: 450px;
height: 150px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.diyihang{
width: 400px;
height: 60px;
display: flex;
justify-content: space-between;
}
.dierhang{
width: 400px;
height: 60px;
display: flex;
gap: 21.25px;
}
.tuwengeshi div{
border: 1px solid #3c444e;
width: 63px;
height: 60px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.tuwengeshi div span{
font-size: 10px;
}
.anniu2{
width: 600px;
height: 38px;
display: flex;
gap: 12px;
/ background-color: aqua; */
}
.anniu2 div{
width: 110px;
height: 38px;
border: solid 1px #1474f9;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
background-color: #1474f9;
}
.anniu2 div:nth-of-type(2){
color: #1474f9;
background-color: #222a35;;
}
.right3{
width: 280px;
height: 100%;
background-color:#222a35;
display: flex;
justify-content: center;
align-items: center;
}
.xiaobj4{
width: 280px;
height: 300px;
border-left: 1px solid #383f49;}
.hangyeanli{
transform: translate(50px,35px);
font-size: 16px;
}
/* 行业结束 /
/ 我们的优势开始 /
.r{width: 100%;height: 500px;background-color: whitesmoke;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.r1{width: 1000px;height: 72px;;font-size: 35px;font-weight:700;color:black;display: flex;align-items: center;justify-content: center;}
.r2 img{width:1200px;height: 400px;}
/ 我们的优势结束 /
/ 我们的运营开始 /
.t2{width: 1500px;height: 500px;background-color: white;display: flex;align-items: center;justify-content: space-between;}
.t1{width: 1000px;height: 72px;;font-size: 35px;font-weight:700;color:black;display: flex;align-items: center;justify-content: center;}
.t211 img, .t221 img, .t231 img, .t241 img{width: 300px;height: 200px;}
.t212, .t222, .t232, .t242{font-size: 18px;color: black;font-weight: 600;}
.t213, .t223, .t233, .t243{font-size: 12px;color: gray;}
.t{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
/ 我们的运营结束 /
/ 他们都在用小鹅通开始 /
.y{width: 100%;height: 758px;background-color: whitesmoke;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.y1{width: 1000px;height: 72px;;font-size: 35px;font-weight:700;color:black;display: flex;align-items: center;justify-content: center;}
.y21{width: 1000px;height: 300px;background-color: white;}
.y31{width: 1000px;height: 300px;background-color: white;}
.y211 img{width: 100%;height: 100%;}
.y31 img{width: 100%;height: 100%;}
.y4{width: 1000px;height: 50px;background-color: white;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.y41{width: 100px;height: 30px;background-color:white;display: flex;align-items: center;justify-content: center;}
.y41:hover{background-color: white;color:#4872f6;}
.y41{cursor: pointer;}
.y41{border: solid 1px #4872f6;}
/ 他们都在用小鹅通结束 /
/ 解决方案开始 */
.u{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.u1{width: 1000px;height: 300px;background-color: blue;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}
.u11{width: 1000px;height: 100px;background-color: blue;display: flex;align-items: center;justify-content: center;}
.u11{font-size: 30px;font-weight: 600;color: white;}
.u12{width: 400px;height: 150px;background-color: blue;display: flex;align-items: center;justify-content: center;}
.u122{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.u1221{font-size: 20px;font-weight: 600;color: white;}
.u1222{font-size: 12px;color: white;}
.u1223{font-size: 12px;color: white;}
.u122{width: 200px;height: 100px;}
.wai{width: 180px;height: 90px;background-color: blue;display: flex;flex-direction: column;justify-content: space-between;}
.u1223{font-size: 12px;color: #4872f6;border-bottom: solid 1px #4872f6;cursor: pointer;}
.u1223{width: 100px;height: 30px;background-color: white;display: flex;align-items: center;justify-content: center;}
.i img{width: 100%;height: 100%;}
