<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- 页头导航+图片 -->
<divg class="bg header-nav">
<div class="w-content">
<!-- gai le -->
<ul class="u">
<li><img src="./th.png" alt=""></li>
<li>首页</li>
<li>解决方案</li>
<li>产品服务</li>
<li>价格</li>
<li>活动</li>
<li>案例</li>
<li>渠道合作</li>
<li>下载与帮助</li>
<li>关注我们</li>
</ul>
<div class="btn">
<div>我是学员</div>
<div>商家登录</div>
<div>免费试用</div>
</div>
</div>
</div>
</divg>
<!-- 我们的产品能力 START-->
<div class="bg chanpin">
<div class="content">
<div class="header">我们的产品能力</div>
<div class="main">
<img src="./m3moa2m10v5k.webp" alt="">
</div>
<div class="last">
<div class="zhishi">
<h3>知识店铺</h3><br>
<p>一分钟搭建您的知识商城<br>
助力高效知识变现</p><br>
<button>免费试用</button>
</div>
<div class="siyu">
<h3>私域直播</h3><br>
<p>企业级专属私域直播平台<br>
实现私域流量高效运营</p><br>
<button>免费试用</button>
</div>
<div class="qiwei">
<h3>企微SCRM</h3><br>
<p>企业微信私域运营神器<br>
数据洞察驱动业绩增长</p><br>
<button>免费试用</button>
</div>
</div>
</div>
</div>
<!-- 我们的产品能力 END-->
<!-- 我们的场景解决方案START -->
<div class="bg changjing">
<div class="content">
<div class="title">我们的场景解决方案</div>
<ul class="nav">
<li class="a">公共域客</li>
<li>私域运营</li>
<li>直播带货</li>
<li>内容交付</li>
<li>数字化运营</li>
</ul>
<div class="intor">
<div class="left">
<img src="./m10c72vn0zzo.webp" alt="">
</div>
<div class="right">
<h3>公共获客</h3>
<h4>多渠道获客，沉淀私域流量池</h4>
<p>打通抖音/快手/小红书/视频号/公众号，支持直播间/短视频/账号主页等多种课程挂载方式，快速开启知识变现</p>
<p>多种公域转私域工具，支持添加企微/引流加群加人/渠道活码/分配引擎等工具，客户可批量导流到私域流量池</p>
<p>丰富的广告获客能力，落地页支持表单/支付类/0元领取/添加企微等多场景，提升广告ROI</p>
<div class="btns">
<div>免费试用</div>
<div>了解详情</div>
</div>
</div>
</div>
</div>
</div>
<!-- 我们的场景解决方案END -->
<!-- 我们的行业解决方案START -->
<div class="hy-bg">
<div class="hy-content">
<div class="hy-bt">
<div class="hy-biaoti">我们的行业解决方案</div>
</div>
<div class="hy-nr">
<div class="hy-left">
<div class="hy-nav">
<div class="nav-items">新零售门店</div>
<div class="nav-items">职业培训</div>
<div class="nav-items">知识付费</div>
<div class="nav-items">美业直播</div>
</div>
</div>
<div class="hy-right">
<h1>知识付费行业解决方案</h1>
<h3>私域直播带货+ 推广门店体系，助力商家私域流量高效变现</h3>
<div class="hy-jieshao">
<div class="hy-jieshao-one">
<div>
<p> 直播带货</p>
</div>
<div>
<p>在线商城</p>
</div>
<div>
<p>门店管理</p>
</div>
<div>
<p>门店核销</p>
</div>
<div>
<p>渠道活码</p>
</div>
</div>
<div class="hy-jieshaotwo">
<div>
<p>直播红包</p>
</div>
<div>
<p>直播抽奖</p>
</div>
<div>
<p>邀请达人榜</p>
</div>
<div>
<p>商品秒杀</p>
</div>
</div>
<div class="hy-btns">
<div>
免费试用
</div>
<div>
了解详情
</div>
</div>
</div>
</div>
<div class="hy-end">
<h4>行业案例</h4>
</div>
</div>
</div>
</div>
</div>
<!-- 我们的行业解决方案END-->
<!-- 我们的技术优势START -->
<div class="jushu bg">
<div class="jsyetou">
<h3>我们的技术优势</h3>
</div>
<div class="jsyewei">
<div class="kuangjia">
<div class="kjone">
<h3>超稳定</h3>
<p>多云负载均衡/全球CDN加速</p>
</div>
<div class="kjtwo">
<h3>高并发</h3>
<p>支持多用户同时在线</p>
</div>
<div class="kjthree">
<h3>超流畅</h3>
<p>观看端自动探测并自动跨云线路切换</p>
</div>
</div>
</div>
</div>
<!-- 我们的技术优势END -->
<!-- 我们的技术优势END -->
<!-- 我们的运营服务START -->
<div class="yunying-bg">
<div class="yunying-title">
<div class="yunying-bt">我们的运营服务</div>
</div>
<div class="yunying-content">
<div class="yunying-one">
<img src="./屏幕截图 2025-03-22 214610.png" alt="">
<div class="yunying-one-text">
<h3>社群服务</h3>
<p>标杆商家分享，同行商家交流，总比别人快一步</p>
</div>
</div>
<div class="yunying-two">
<img src="./屏幕截图 2025-03-22 214617.png" alt="">
<div class="yunying-two-text">
<h3>管家服务</h3>
<p>客户经理、服务管家、多角色在群，服务全面包围</p>
</div>
</div>
<div class="yunying-three">
<img src="./屏幕截图 2025-03-22 214625.png" alt="">
<div class="yunying-three-text">
<h3>大客服务</h3>
<p>设置夜班服务管家/假期值班管家,24小时在线服务,服务从不掉线</p>
</div>
</div>
</div>
</div>
<!-- 我们的运营服务END -->
<!-- 我们的运营服务END -->
<!-- 我们的运营服务END -->
<!-- 他们都在用小鹅通START -->
<!-- 他们都在用小鹅通 START-->
<div class="xiaoetong">
<div class="xet">
<div class="xetone">
他们都在用小鹅通START
</div>
<div class="xettwo">
(*排名不分先后顺序)
</div>
<div class="xetthree">
<div class="threeone">
<img src="./屏幕截图 2025-03-23 112510.png" alt="">
<h3>小能熊科学学习</h3>
<p>小能熊学院以学习科学化为使命，
专注提供学习方法和自我管理解决方案，陪伴严肃、耐心、
永不妥协的终生学习者！</p>
</div>
<div class="threetwo">
<img src="./屏幕截图 2025-03-23 112518.png" alt="">
<h3>刘润·进化的力量</h3>
<p>
刘润,润米咨询创始人,“5分钟商学院”课程主理人,
著名商业顾问,曾为海尔、中远、恒基、
百度等企业提供过战略咨询服务,每年10月举办“进化的力量·年度演讲”,
为创业者企业家提供年度规划的参考方向，一起更早看到未来。
使命：降低商业的认知门槛。
</p>
</div>
<div class="threethree">
<img src="./屏幕截图 2025-03-23 112530.png" alt="">
<h3>
佰君易直播间
</h3>
<p>佰君易直播间,由培养过10万项目管理师的王远航老师打造,
为各行业提供项目管理实战培训。佰君易直播间与小鹅通深度合作，
帮助职场小伙伴升职加薪
</p>
</div>
</div>
<div class="xetfour">
<div class="fourtwo">
<div class="twoone">
<img src="./屏幕截图 2025-03-23 112606.png" alt="">
<img src="./屏幕截图 2025-03-23 112616.png" alt="">
<img src="./屏幕截图 2025-03-23 112602.png" alt="">
<img src="./屏幕截图 2025-03-23 112606.png" alt="">
<img src="./屏幕截图 2025-03-23 112602.png" alt="">
<img src="./屏幕截图 2025-03-23 112558.png" alt="">
</div>
<div class="twotwo">
<img src="./屏幕截图 2025-03-23 112553.png" alt="">
<img src="./屏幕截图 2025-03-23 112547.png" alt="">
<img src="./屏幕截图 2025-03-23 112541.png" alt="">
<img src="./屏幕截图 2025-03-23 112530.png" alt="">
<img src="./屏幕截图 2025-03-23 112518.png" alt="">
<img src="./屏幕截图 2025-03-23 112510.png" alt="">
</div>
</div>
</div>
<div class="xetfive">
<div class="diwu">
<button>查看更多案例</button>
</div>
</div>
</div>
</div>
<!-- 他们都在用小鹅通 END-->
<!-- 他们都在用小鹅通 END-->
<!-- 扫码START -->
<!-- 扫码START -->
<!-- 扫码START -->
<div class="saoma">
<div class="zixun">
<h3>立即扫码咨询，领取您的专属解决方案</h3>
</div>
<div class="erweima">
<div class="erleft">
<img src="./屏幕截图 2025-03-23 133537.png" alt="">
</div>
<div class="erright">
<h3>扫码添加客户经理</h3>
<p>或者您也可以先</p>
<div class="shiyong">
<div>免费试用</div>
</div>
</div>
</div>
</div>
<!-- 扫码END -->
<!-- 扫码END -->
<!-- 扫码END -->
<!-- 尾页ATART -->
<!-- 尾页ATART -->
<div class="weiye">
<div class="wytop">
<div class="wtone">
<ul>
<li class="b">场景</li>
<li>全域获客</li>
<li>私域运营</li>
<li>直播带货</li>
<li>内容交付</li>
<li>数据化运营</li>
<li>企业内训</li>
</ul>
</div>
<div class="wttwo">
<ul>
<li class="b">行业
</li>
<li>零售电商</li>
<li>职业培训</li>
<li>知识付费</li>
<li>企业营销</li>
<li>美业直播</li>
<li>企业培训</li>
<li>社区团购</li>
<li>营销会务</li>
</ul>
</div>
<div class="wtthree">
<ul>
<li class="b">产品</li>
<li>知识店铺</li>
<li>私域直播</li>
<li>企微 SCRM</li>
<li>企学院</li>
<li>智能投放</li>
<li>海外版 eLink</li>
<li>小鹅云</li>
</ul>
</div>
<div class="wtfour">
<ul>
<li class="b">服务</li>
<li>小鹅创业社区</li>
<li>本地社群</li>
<li>教练联盟</li>
<li>小鹅通训练营</li>
<li>对话标杆</li>
</ul>
</div>
<div class="wtfive">
<ul>
<li class="b">关于我们</li>
<li>公司简介</li>
<li>加入我们</li>
<li>媒体报道</li>
<li>更多资讯</li>
<li>客户案例</li>
<li>帮助中心</li>
</ul>
</div>
<div class="wtsix">
<ul>
<li class="b">媒体报道</li>
<li>D轮融资1.2亿美元，小鹅通究竟在做什么？</li>
<li>知识付费用户达5.27亿，内容创业的下半场风口在</li>
<li>知识工作者的终极梦想，可能是拥有一个“第二大</li>
<li>小鹅通：让知识更有价值</li>
<li>小鹅通联合艾瑞咨询发布《2023年中国私域运营洞</li>
</ul>
</div>
<div class="wtqi">
<h3>400-102-6665</h3>
<p class="p">周一至周日 9:00-21:00</p>
<div class="wtqitwo">
<div class="qione">
<img src="./屏幕截图 2025-03-23 153855.png" alt="">
<p>关注小鹅通公众号</p>
</div>
<div class="qitwo">
<img src="./屏幕截图 2025-03-23 153909.png" alt="">
<p>进入小鹅创业社区</p>
</div>
</div>
</div>
</div>
<div class="wymain">
<div class="wmone">
<ul class="we">
<li>深圳总部:深圳市南山区粤海街道科兴科学园D3栋7楼</li>
<li>北京地址:北京市朝阳区朝外大街乙6号23层2301B-2307</li>
<li>上海地址：中国(上海)自由贸易试验区世纪大道1500号1601-A室</li>
</ul>
</div>
<div class="wmtwo">
<ul class="wo">
<li>商务合作:support@xiaoe-tech.com</li>
<li>渠道合作:partner@xiaoe-tech.com</li>
<li>投诉意见:xiaoeks@xiaoe-tech.com</li>
</ul>
</div>
<div class="wmthree">
<ul class="wt">
<li>互联网违法和不良信息举报电话:0755-26409534</li>
<li>互联网不良信息举报邮箱:xiaoeks@xiaoe-tech.com</li>
<li>安全漏洞反馈邮箱:security@xiaoe-tech.com</li>
</ul>
</div>
</div>
<div class="lj">
<div class="wylianjie">
<ul class="wj">
<li>友情链接</li>
<li>知识付费软件</li>
<li>知识付费平台</li>
<li>小鹅通企学院</li>
<li>私域直播工具</li>
<li>小鹅通APP</li>
<li>小鹅创业社区</li>
<li>小鹅通移动版</li>
<li>小鹅通学员版</li>
</ul>
</div>
</div>
<div class="wyyejiao">
<ul class="gs">
<li>工商营业执照</li>
<li>粤公网安备 440305020020</li>
<li>工商网监 电子标识</li>
</ul>
<div class="lh">
<p>Copyright © 2015-2024 深圳小鹅网络技术有限公司 All Rights Reserved. 粤ICP备15020529号-1 互联网药品信息服务资格证书(粤)—经营性—2020—0589</p>
<p>医疗器械网络交易服务第三方平台备案(粤)网械平台备字(2021)第00001号</p>
</div>
</div>
</div>
<!-- 尾页END -->
<!-- 尾页END -->
<!-- 尾页END -->
</body>
</html>
css:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
}
html {
font-size: 10px;
}
/* 页头 */
/* 页头 */
.header-nav .w-content {
width: 150rem;
height: 60rem;
/* background-color: antiquewhite; */
display: flex;
justify-content: space-between;
}
.header-nav {
background-image: url(./m876ip0607ln11111.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* 页尾 */
/* 页尾 */
/* <!-- 我们的产品能力 START--> */
/* <!-- 我们的产品能力 START--> */
.chanpin .content {
width: 125rem;
height: 90rem;
/* background-color: rgb(179, 211, 231); */
}
.changjing .content {
width: 150rem;
height: 90rem;
background-color: rgb(221, 232, 247);
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.bg {
display: flex;
justify-content: center;
}
div img {
height: 100%;
width: 100%;
}
/* */
.u{
display: flex;
width: 80rem;
height: 5.6rem;
list-style: none;
justify-content: space-between;
align-items: center;
}
.u li {
cursor: pointer;
font-size: 1.5rem;
}
.u li:hover {
background-color: cornflowerblue;
color: black;
font-weight: 700;
}
/* */
.btn {
width: 40rem;
height: 5.6rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.8rem;
cursor: pointer;
}
.btn div:hover {
background-color: cornflowerblue;
color: black;
}
li img {
width: 10rem;
height: 36px;
}
.btn div:nth-of-type(2) {
border: solid 2px #92acd9;
border-radius: 6px;
}
.btn div:nth-of-type(3) {
background-color: cornflowerblue;
color: black;
border-radius: 6px;
}
.header {
width: 100%;
height: 18rem;
text-align: center;
font-size: 3.5rem;
line-height: 18rem;
font-weight: 700;
}
.last {
width: 100%;
background-color: rgb(226, 238, 246);
height: 20rem;
display: flex;
/* justify-content: space-evenly; */
/* padding: 0 5px; */
justify-content: space-evenly;
padding: 2.5rem;
}
.chanpin {
height: 100rem;
}
.zhishi,
.siyu,
.qiwei {
width: 26%;
height: 17rem;
text-align: center;
padding: 1rem;
font-size: 1.8rem;
background-color: #fff;
align-items: center;
border-radius: 6px;
}
button {
cursor: pointer;
width: 10rem;
height: 2rem;
}
button:hover {
background-color: #92acd9;
color: aliceblue;
}
/* <!-- 我们的产品能力 END--> */
/* <!-- 我们的产品能力 END--> */
/* 我们的场景解决方案START */
/* 我们的场景解决方案START */
.title {
width: 100%;
height: 6rem;
text-align: center;
font-size: 3.5rem;
line-height: 6rem;
font-weight: 700;
}
.nav {
width: 65rem;
height: 4rem;
display: flex;
/* background-color: aquamarine; */
align-items: center;
border-radius: 26px;
background-color: #fff;
list-style: none;
/* */
justify-content:space-between;
}
.nav li:hover{
background-color: #4872f6;
color: #fff;
}
.nav li {
width: 10rem;
height: 4rem;
font-size: 1.8rem;
line-height: 4rem;
cursor: pointer;
font-weight: 600;
text-align: center;
border-radius: 13px;
}
.a {
background-color: rgb(33, 72, 172);
color: #fff;
}
.left img {
width: 50rem;
height: 50rem;
}
.intor {
display: flex;
height: 50rem;
width: 100rem;
background-color: rgb(239, 242, 241);
border-radius: 25px;
overflow: hidden;
border: solid 2px #fff;
}
.right {
height: 50rem;
width: 50rem;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 40px;
}
.right h3 {
font-size: 3rem;
}
.right h4 {
font-size: 2.1rem;
font-weight: 480;
}
.right p {
color: rgb(122, 119, 119);
font-size: 1.3rem;
}
.right .btns {
display: flex;
gap: 30px;
}
.right .btns div {
font-size: 1.5rem;
width: 10rem;
height: 3.8rem;
border-radius: 7px;
border: solid 2px #7688d9;
text-align: center;
line-height: 3.8rem;
cursor: pointer;
color: #7688d9;
}
.right .btns div:nth-of-type(1) {
background-color: #7688d9;
color: #fff;
}
.right .btns div:hover {
background-color: #92acd9;
color: #fff;
}
/* 我们的场景解决方案END */
/* 我们的场景解决方案END */
/* 我们的行业解决方案START */
/* 我们的行业解决方案START */
.hy-bg {
width: 100%;
height: 500px;
/* background-color: antiquewhite; */
background: linear-gradient(135deg, #101724, #0c2447);
display: flex;
justify-content: center;
}
.hy-content {
width: 1200px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
/* background-color: aqua; */
}
.hy-bt {
display: flex;
height: 72px;
width: 500px;
/* background-color: aquamarine; */
display: flex;
align-items: center;
line-height: 72px;
justify-content: center;
}
.hy-biaoti {
font-size: 38px;
font-weight: 600;
color: #ffffff;
}
.hy-nr {
display: flex;
justify-content: space-evenly;
width: 100%;
height: 428px;
/* background-color: #ffffff; */
}
.hy-left {
width: 200px;
height: 428 px;
display: flex;
justify-content: center;
/* background-color: #888; */
background-color: #2a3645;
/* background-color: brown; */
}
.hy-nav {
width: 300px;
height: 280px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
/* background-color: #333; */
}
.hy-nav .nav-items {
font-size: 16px;
width: 100%;
height: 70px;
text-align: center;
line-height: 70px;
color: #fff;
cursor: pointer;
position: relative;
overflow: hidden;
}
.hy-nav .nav-items::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(72, 114, 246, 0.2), transparent);
opacity: 0;
transition: opacity 0.3s ease;
}
.hy-nav .nav-items:hover::before {
opacity: 1;
}
.hy-nav .nav-items:hover {
background: linear-gradient(180deg, #2056a8, #2a3950);
}
.hy-right {
width: 700px;
height: 100%;
/* background-color: orange; */
background-color: #202832;
padding-left: 30px;
padding-top: 35px;
}
.hy-right h1 {
font-size: 30px;
font-weight: 600;
color: #fdfdfd;
}
.hy-right h3 {
padding-top: 10px;
font-size: 16px;
}
.hy-right .hy-jieshao {
display: flex;
flex-direction: column;
gap: 20px;
}
.hy-right .hy-jieshao-one,
.hy-right .hy-jieshaotwo {
display: flex;
gap: 15px;
padding-top: 10px;
}
.hy-right .hy-jieshao-one div,
.hy-right .hy-jieshaotwo div {
padding-top: 10px;
width: 80px;
height: 80px;
background-color: #fdfdfd;
border: 1px solid #fdfdfd;
border-radius: 8px;
text-align: center;
line-height: 60px;
transition: all 0.3s ease;
}
.hy-right .hy-jieshao-one div:hover,
.hy-right .hy-jieshaotwo div:hover {
border-color: #4872f6;
color: #4872f6;
box-shadow: 0 2px 8px rgba(72, 114, 246, 0.1);
}
.hy-right .hy-jieshao p {
padding-top: 20px;
font-size: 12px;
font-weight: 300;
margin: 0;
color: #333;
}
.hy-end {
width: 300px;
height: 100%;
/* background-color: #888; */
background-color: #202832;
/* font-weight: 400; */
padding-top: 65px;
padding-left: 50px;
}
.hy-end h4 {
font-weight: 500;
font-size: 16px;
color: #fdfdfd;
}
.hy-right .hy-btns {
display: flex;
gap: 30px;
padding-top: 50px;
}
.hy-right .hy-btns div {
font-size: 14px;
width: 100px;
height: 38px;
border: solid 1px #4872f6;
border-radius: 5px;
text-align: center;
line-height: 38px;
color: #4872f6;
cursor: pointer;
}
.hy-right .hy-btns div:nth-of-type(1) {
background-color: #4872f6;
color: white;
}
/* 我们的行业解决方案END*/
/* 我们的行业解决方案END*/
/* 我们的技术优势START */
/* 我们的技术优势START */
.kjone {
background-image: url(./m04n363d0eas电脑.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.kjtwo {
background-image: url(./m04n363709k8手机.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.kjthree {
background-image: url(./m04n363e0jjz3.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.jushu{
height: 65rem;
width: 100%;
display: flex;
flex-direction: column;
/* align-items: center; */
/* justify-content: center; */
/* background-color: #92acd9; */
align-items: center;
}
.kjone,.kjtwo,.kjthree{
height: 34rem;
width: 33%;
border-radius: 6px;
cursor: pointer;
/* font-size: 2rem; */
/* text-align: center; */
padding: 10rem 5rem;
}
.kjone h3,.kjthree h3,.kjtwo h3{
font-size: 3rem;
height: 6rem;
}
.kjone p,.kjthree p,.kjtwo p{
font-size: 1.3rem;
/* color: #818181; */
height: 8rem;
width: 15rem;
/* line-height: 8rem; */
}
.jsyetou{
height: 15rem;
width: 100%;
font-size: 3rem;
text-align: center;
line-height: 10rem;
/* background-color: #818181; */
padding: 5rem;
font-weight: 800;
}
.jsyewei{
height: 70rem;
width: 130rem;
display: flex;
justify-content: space-between;
align-items: center;
/* background-color: #edeef4; */
}
.kuangjia{
height: 40rem;
width: 100%;
display: flex;
justify-content: space-evenly;
/* background-color: beige; */
padding: 0;
}
/* 我们的技术优势END */
/* 我们的技术优势END */
/* 我们的运营能力START */
/* 我们的运营能力START */
/* 我们的运营能力START */
.yunying-bg {
width: 135rem;
height: 750px;
/* background-color:aqua; */
background-color: #fefefe;
display: flex;
flex-direction: column;
align-items: center;
}
.yunying-title {
width: 600px;
height: 200px;
line-height: 200px;
display: flex;
justify-content: center;
/* align-items: center; */
padding-top: 35px;
/* background-color: #e6c13d; */
}
.yunying-bt {
font-size: 40px;
font-weight: 800;
color: #191919;
}
.yunying-content {
/* 修改的 1600*/
width: 1350px;
height: 600px;
display: flex;
/* justify-content: space-between; */
justify-content: space-around;
/* background-color:antiquewhite; */
margin-left: 100px;
}
.yunying-one,
.yunying-two,
.yunying-three {
width: 450px;
height: 250px;
border-radius: 10px;
/* overflow: hidden; */
}
.yunying-one img,
.yunying-two img,
.yunying-three img {
/* padding:auto; */
width: 100%;
height: 100%;
margin: 10px;
object-fit: cover;
border-radius: 10px;
transition: all 0.3s ease;
}
.yunying-one img:hover,
.yunying-two img:hover,
.yunying-three img:hover {
transform: scale(1.1);
}
.yunying-one-text,
.yunying-two-text,
.yunying-three-text {
width: 100%;
height: 100%;
/* margin: 10px; */
}
.yunying-one-text h3,
.yunying-two-text h3,
.yunying-three-text h3 {
padding-top: 10px;
font-size: 24px;
font-weight: 600;
color: #383838;
}
.yunying-one-text p,
.yunying-two-text p,
.yunying-three-text p {
font-size: 16px;
font-weight: 400;
padding-top: 10px;
color: #818181;
}
/* 我们的运营能力END */
/* 我们的运营能力END */
/* 他们都在用小鹅通START */
/* 他们都在用小鹅通START */
.xiaoetong{
width: 100%;
height: 90rem;
display: flex;
flex-direction: column;
/* background-color: #818181; */
justify-content: center;
align-items: center;
background-color: #ccdbf5;
}
.xet{
height: 70rem;
width: 120rem;
display: flex;
flex-direction: column;
/* background-color: #9de6f3; */
align-items: center;
/* justify-content: center; */
}
.xetone{
height: 6rem;
width: 120rem;
font-size: 3rem;
text-align: center;
/* background-color: #2056a8; */
}
.xettwo{
height: 4rem;
width: 100%;
/* background-color: antiquewhite; */
text-align: center;
line-height: 4rem;
}
.xetthree{
width: 100rem;
height: 40rem;
display: flex;
/* justify-content: space-between; */
/* background-color: brown; */
justify-content: center;
gap: 10px;
}
.threeone{
height: 20rem;
width: 26rem;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 8px;
}
.threetwo{
height: 20rem;
width: 26rem;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 8px;
}
.threethree{
height: 20rem;
width: 26rem;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 8px;
}
.xetthree img{
height: 13rem;
width: 13rem;
}
.xetfour{
height: 50rem;
width: 100%;
}
.fourtwo{
height: 28rem;
width: 120rem;
display: flex;
flex-direction: column;
align-items: center;
/* justify-content: center; */
/* background-color: #29b835; */
}
.twoone{
width: 100rem;
height: 13rem;
display: flex;
align-items: center;
justify-content: center;
/* background-color: #4872f6; */
}
.twotwo{
width: 100rem;
height: 13rem;
display: flex;
/* background-color: #818181; */
justify-content: center;
align-items: center;
}
.twoone img,.twotwo img{
width:14rem;
height: 10rem;
padding: 5px;
border-radius: 10px;
}
/* .threetwo,.threeone,threethree{
height: 50rem;
width: 70rem;
background-color: #2056a8;
} */
.xetfive{
height: 5rem;
width: 100%;
/* background-color: #333; */
display: flex;
justify-content: center;
align-items: center;
}
.diwu button{
height: 2rem;
width: 9.6rem;
font-size: 1.4rem;
cursor: pointer;
color: #7688d9;
border: solid 1px #88a6f7;
display: flex;
border-radius: 7px;
}
/* 他们都在用小鹅通END */
/* 他们都在用小鹅通END */
/* 扫码 START*/
/* 扫码 START*/
.saoma{
width: 100%;
height: 20rem;
background-color: #4872f6;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.erleft img{
height: 8rem;
width: 8rem;
}
.zixun{
height: 8rem;
width: 100%;
font-size: 2rem;
font-weight: 700;
color: #fff;
line-height: 8rem;
/* background-color: #191919; */
padding: 0;
text-align: center;
}
.erweima{
height: 35rem;
width: 100%;
/* background-color: antiquewhite; */
display: flex;
justify-content: center;
/* align-items: center; */
gap: 16px;
}
.erright{
height: 8rem;
width: 10rem;
/* background-color: cadetblue; */
/* text-align: center; */
padding: 0;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.erright p{
font-size: 1rem;
}
.shiyong{
height: 5rem;
width: 10rem;
/* background-color: rgb(99, 104, 102); */
}
.erright div{
height: 3rem;
width: 8rem;
border: solid 2px #fff;
background-color: #fff;
color: #597cee;
border-radius: 8px;
text-align: center;
line-height: 3rem;
}
/* 扫码 END*/
/* 扫码 END*/
/* 尾页START */
/* 尾页START */
.weiye{
width: 100%;
height: 80rem;
background-color: #464e6f;
color: #fff;
}
.qione img,.qitwo img{
height: 6.6rem;
width: 7rem;
}
.wytop{
display: flex;
}
.wtone ul{
display: flex;
flex-direction: column;
height: 22rem;
width: 14rem;
list-style: none;
justify-content: space-between;
}
.wtone ul li{
font-size: 12px;
padding: 0;
}
.wtone ul .b{
font-size: 15px;
font-weight: 800;
}
.wttwo ul{
display: flex;
flex-direction: column;
height: 22rem;
width: 14rem;
list-style: none;
justify-content: space-between;
}
.wttwo ul li{
font-size: 12px;
}
.wttwo ul .b{
font-size: 15px;
font-weight: 800;
}
.wtthree ul{
display: flex;
flex-direction: column;
height: 22rem;
width: 14rem;
list-style: none;
justify-content: space-between;
}
.wtthree ul li{
font-size: 12px;
}
.wtthree ul .b{
font-size: 15px;
font-weight: 800;
}
.wtfour ul{
display: flex;
flex-direction: column;
height: 22rem;
width: 14rem;
list-style: none;
justify-content: space-between;
}
.wtfour ul li{
font-size: 12px;
}
.wtfour ul .b{
font-size: 15px;
font-weight: 800;
}
.wtfive ul{
display: flex;
flex-direction: column;
height: 22rem;
width: 16rem;
list-style: none;
justify-content: space-between;
}
.wtfive ul li{
font-size: 12px;
}
.wtfive ul .b{
font-size: 15px;
font-weight: 800;
}
.wtsix ul{
display: flex;
flex-direction: column;
height: 18rem;
width: 22rem;
list-style: none;
justify-content: space-between;
}
.wtsix ul li{
font-size: 12px;
}
.wtsix ul .b{
font-size: 15px;
font-weight: 800;
}
.wtqi{
height: 20rem;
width: 30rem;
/* background-color: #e6ebf0; */
padding: 0;
}
.wtqitwo{
display: flex;
justify-content: space-evenly;
align-items: center;
}
.wtqi h3{
height: 6rem;
width: 40rem;
/* background-color: #fff; */
text-align: center;
font-size: 3rem;
line-height: 6rem;
}
.p{
font-size: 16px;
height: 5rem;
width: 40rem;
text-align: center;
line-height: 5rem;
/* background-color: #202832; */
}
.qione{
height: 10rem;
width: 40rem;
/* background-color: #818181; */
display: flex;
flex-direction: column;
align-items: center;
}
.qitwo{
height: 10rem;
width: 17rem;
/* background-color: #c99696; */
display: flex;
flex-direction: column;
align-items: center;
}
.wymain{
height: 15rem;
width: 100%;
/* background-color: #818181; */
display: flex;
align-items: center;
border-bottom: solid 1px #fff;
}
.we{
display: flex;
flex-direction: column;
/* background-color: #2056a8; */
height: 10rem;
width: 30rem;
justify-content: center;
/* align-items: center; */
list-style: none;
gap: 5px;
}
.womone .we li{
font-size: 10px;
/* height: 10px;
width: 20px; */
}
.wo{
display: flex;
flex-direction: column;
/* background-color: #2056a8; */
height: 10rem;
width: 30rem;
justify-content: center;
align-items: center;
list-style: none;
gap: 5px;
}
.wt{
display: flex;
flex-direction: column;
/* background-color: #2056a8; */
height: 10rem;
width: 30rem;
justify-content: center;
/* align-items: center; */
list-style: none;
gap: 5px;
}
.lj{
height: 4rem;
width: 100%;
border-bottom: solid 1px #fff;
}
.wylianjie{
height: 4rem;
width: 100rem;
/* background-color: #479d57; */
}
.wj{
display: flex;
justify-content: space-evenly;
list-style: none;
align-items: center;
}
.wj li{
font-size: 10px;
height: 4rem;
line-height: 4rem;
}
.wyyejiao{
width: 100%;
height: 10rem;
/* background-color: #ced65c; */
}
.gs{
display: flex;
height: 5rem;
width: 100%;
/* background-color: bisque; */
align-items: center;
gap: 2rem;
list-style: none;
}
.lh{
height: 2rem;
width: 100%;
/* text-align: center; */
line-height: 2rem;
}
/* 尾页END */
/* 尾页END */
小鹅通
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 腾讯最新发布的2017年第三季度财报显示，微信和WeChat的合并月活跃账户数已经达到9.8亿，而通过微信大力扶持...
- 国际黄金行情走势分析： 周一（3月8日）亚洲时段，现货黄金延续上周五纽约时段涨势，最高触及1714美元附近，目前交...
