<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">[图片上传失败...(image-8391e5-1742740994267)]
<title>小鹅通网页开发</title>
<link rel="stylesheet" href="./stlye.css">
<link rel="stylesheet" href="./demo01.css">
</head>
<body>
<div class="header">
<div class="nav">
<div class="content">
<ul class="left">
<div class="logo"><img src="./images/xiaoetong.png" alt=""></div>
<li><a href="#">首页</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">产品服务</a></li>
<li><a href="#">价格</a></li>
<li><a href="#">活动</a></li>
<li><a href="#">渠道合作</a></li>
<li><a href="#">下载与帮助</a></li>
<li><a href="#">关于我们</a></li>
</ul>
<ul class="right">
<li>我是学员</li>
<li>商家登录</li>
<li>免费试用</li>
</ul>
</div>
</div>
<!-- <div class="banner"> -->
<!-- <img src="./images/xiaoetongshouye2.webp" alt=""> -->
<!-- </div> -->
</div>
<!-- 我们的产品能力START -->
<div class="chanpin">
<div class="biaoti">我们的产品能力 </div>
<div class="tupian-cj">
<img src="./images/cpnl.webp" alt="">
</div>
<div class="jieshao">
<div class="active">
<h3>知识店铺</h3>
<p>1分钟搭建您的知识商城<br>
助力高效知识变现</p>
<p><a href="#">免费试用 →</a></p>
</div>
<div>
<h3>私域直播</h3>
<p>企业级专属私域直播平台<br>
实现私域流量高效运营</p>
<p><a href="#">免费试用 →</a></p>
</div>
<div >
<h3>企微SCRM</h3>
<p>企业微信私域运营神器<br>
数据洞察驱动业绩增长</p>
<p><a href="#">免费试用 →</a></p>
</div>
</div>
</div>
<!-- 产品END -->
<!-- 我们的场景解决方案START -->
<div class="cj-bg">
<div class="cj-content">
<div class="cj-title">我们的场景解决方案</div>
<ul class="cj-nav">
<li class="cj-active">公域获客</li>
<li>私域运营</li>
<li>直播带货</li>
<li>内容交付</li>
<li>数字化运营</li>
</ul>
<div class="intro">
<div class="left-cj">
<img src="./images/图片.webp" alt="">
</div>
<div class="right-cj">
<h3>公域获客</h3>
<h4>多渠道获客，沉淀私域流量池</h4>
<p>打通抖音/快手/小红书/视频号/公众号，支持直播间/短视频/账号主页等多种课程挂载方式，快速开启知识变现</p>
<p>多种公域转私域工具，支持添加企微/引流加群加人/渠道活码/分配引擎等工具，客户可批量导流到私域流量池</p>
<p>丰富的广告获客能力，落地页支持表单/支付类/0元领取/添加企微等多场景，提升广告ROI</p>
<div class="cj-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>
<!-- 我们的行业解决方案END -->
<!-- 我们的技术优势START -->
<div class="jishu-bg">
<div class="jishu-title">
<div class="jishu-bt">我们的技术优势</div>
</div>
<div class="jishu-content">
<div class="jishu-one">
<img src="./images/jishutupianyi.webp" alt="">
<div class="text-overlay">
<h3>超稳定</h3>
<p>多云负载均衡/全球CDN加速</p>
</div>
</div>
<div class="jishu-two">
<img src="./images/jishutupianer.webp" alt="">
<div class="text-overlay">
<h3>高并发</h3>
<p>支持多用户同时在线</p>
</div>
</div>
<div class="jishu-three">
<img src="./images/jishutupiansan.webp" alt="">
<div class="text-overlay">
<h3>超流畅</h3>
<p>观看端自动探测并自动跨云线路切换</p>
</div>
</div>
</div>
</div>
<!-- 我们的技术优势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="./images/yunyingtupianyi.png" alt="">
<div class="yunying-one-text">
<h3>社群服务</h3>
<p>标杆商家分享，同行商家交流，总比别人快一步</p>
</div>
</div>
<div class="yunying-two">
<img src="./images/yunyingtupianer.png" alt="">
<div class="yunying-two-text">
<h3>管家服务</h3>
<p>客户经理、服务管家、多角色在群，服务全面包围</p>
</div>
</div>
<div class="yunying-three">
<img src="./images/yunyingtupiansan.png" alt="">
<div class="yunying-three-text">
<h3>大客服务</h3>
<p>设置夜班服务管家/假期值班管家,24小时在线服务,服务从不掉线</p>
</div>
</div>
</div>
</div>
<!-- 我们的运营服务END -->
<!-- 他们都在用小鹅通START -->
<div class="they-bg">
<div class="they-title">
<div class="they-bt">他们都在用小鹅通</div>
</div>
<div class="they-ftitle">
<div class="they-fbt">(*排名不分先后顺序)</div>
</div>
<div class="they-content">
<div class="they-one">
<img src="./images/doaeryi.png" alt="">
</div>
<div class="they-two">
<img src="./images/daoerer.png" alt="">
</div>
<div class="they-three">
<img src="./images/daoersan.png" alt="">
</div>
</div>
<div class="all-tupian">
<div class="they-png">
<div class="they-tupian-one">
<img src="./images/daoshuer1.png" alt="">
</div>
<div class="they-tupian-two">
<img src="./images/daoshuer2.png" alt="">
</div>
<div class="they-tupian-three">
<img src="./images/daoshuer3.png" alt="">
</div>
<div class="they-tupian-four">
<img src="./images/daoshuer4.png" alt="">
</div>
<div class="they-tupian-five">
<img src="./images/daoshuer5.png" alt="">
</div>
<div class="they-tupian-six">
<img src="./images/daoshuer6.png" alt="">
</div>
<div class="they-tupian-seven">
<img src="./images/daoshuer7.png" alt="">
</div>
<div class="they-tupian-eight">
<img src="./images/daoshuer8.png" alt="">
</div>
<div class="they-tupian-nine">
<img src="./images/daoshuer9.png" alt="">
</div>
<div class="they-tupian-ten">
<img src="./images/daoshuer10.png" alt="">
</div>
<div class="they-tupian-eleven">
<img src="./images/daoshuer11.png" alt="">
</div>
<div class="they-tupian-twelve">
<img src="./images/daoshuer12.png" alt="">
</div>
</div>
</div>
<div class="they-btns">
<div>查看更多案例 ></div>
</div>
</div>
<!-- 他们都在用小鹅通END -->
<!-- 扫码咨询START -->
<div class="saoma-bg">
<div class="saoma-title">
<div class="saomao-bt">立即扫码咨询，领取您的专属解决方案</div>
</div>
<div class="saoma-content">
<div class="saoma-left">
<img src="./images/erweima.png" alt="">
</div>
<div class="saoma-right">
<h3>扫码添加客户经理</h3>
<p>或者您也可以先</p>
<div class="saoma-btns">
<div>免费试用</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部START -->
<div class="bottom-bg">
<div class="footer-content">
<div class="footer-left">
<div class="footer-left-one">
<ul>
<div class="left-bt">场景</div>
<li><a href="&">全域获客</a></li>
<li><a href="&">私域运营</a></li>
<li><a href="&">直播带货</a></li>
<li><a href="&">内容交付</a></li>
<li><a href="&">数字化运营</a></li>
<li><a href="&">企业内训</a></li>
</ul>
</div>
<div class="footer-left-two">
<ul>
<div class="left-bt">行业</div>
<li><a href="&">零售电商</a></li>
<li><a href="&">职业培训</a></li>
<li><a href="&">知识付费</a></li>
<li><a href="&">企业营销</a></li>
<li><a href="&">美业直播</a></li>
<li><a href="&">企业培训</a></li>
<li><a href="&">社区团购</a></li>
<li><a href="&">营销会务</a></li>
</ul>
</div>
<div class="footer-left-three">
<ul>
<div class="left-bt">产品</div>
<li><a href="&">知识店铺</a></li>
<li><a href="&">私域直播</a></li>
<li><a href="&">企微SCRM</a></li>
<li><a href="&">企学院</a></li>
<li><a href="&">智能投放</a></li>
<li><a href="&">海外版 eLink</a></li>
<li><a href="&">小鹅云</a></li>
</ul>
</div>
<div class="footer-left-four">
<ul>
<div class="left-bt">服务</div>
<li><a href="&">小鹅创业社区</a></li>
<li><a href="&">本地社群</a></li>
<li><a href="&">教练联盟</a></li>
<li><a href="&">小鹅通训练营</a></li>
<li><a href="&">对话标杆</a></li>
</ul>
</div>
<div class="footer-left-five">
<ul>
<div class="left-bt">关于我们</div>
<li><a href="&">公司简介</a></li>
<li><a href="&">加入我们</a></li>
<li><a href="&">媒体报道</a></li>
<li><a href="&">更多资讯</a></li>
<li><a href="&">客户案例</a></li>
<li><a href="&">帮助中心</a></li>
</ul>
</div>
<div class="changbufen">
<div class="left-bt">媒体报道</div>
<ul>
<div>D轮融资1.2亿美元，小鹅通究竟在做什么？</div>
<div>知识付费用户达5.27亿，内容创业的下半场风....</div>
<div>知识工作者的终极梦想，可能是拥有一个“第二...</div>
<div>小鹅通：让知识更有价值</div>
<div>小鹅通联合艾瑞咨询发布《2023年中国私域运...</div>
</ul>
</div>
</div>
<div class="footer-right">
<div class="footer-nr">
<div class="number">400-102-6665</div>
<div class="riqi">周一至周日 9:00-21:00</div>
</div>
<div class="xiaoetongxiaotubiao">
<div class="xiaoetongerweima-one">
<img src="./images/xiaoetongerweima1.png" alt="">
<p>关注小鹅通公众号</p>
</div>
<div class="xiaoetongerweima-two">
<img src="./images/xiaoetongerweima2.png" alt="">
<p>进入小鹅创业社区</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="zuihou-bg">
<div class="bottom-content">
<div class="shang-zuihou">
<div class="bottom-nryi">
<p>深圳总部:深圳市南山区粤海街道科兴科学园D3栋7楼</p>
<p>北京地址:北京市朝阳区朝外大街乙6号23层2301B-2307</p>
<p>上海地址:中国(上海)自由贸易试验区世纪大道1500号1601-A室</p>
</div>
<div class="bottom-nrer">
<p>商务合作:support@xiaoe-tech.com</p>
<p>渠道合作:partner@xiaoe-tech.com</p>
<p>投诉意见:xiaoeks@xiaoe-tech.com</p>
</div>
<div class="bottom-nrsan">
<p>互联网违法和不良信息举报电话:0755-26409534</p>
<p>互联网不良信息举报邮箱:xiaoeks@xiaoe-tech.com</p>
<p>安全漏洞反馈邮箱:security@xiaoe-tech.com</p>
</div>
</div>
<div class="content-nav">
<li>
<a href="*">友情链接</a>
</li>
<li>
<a href="*">知识付费软件</a>
</li>
<li>
<a href="*">知识付费平台</a>
</li>
<li>
<a href="*">小鹅通企学院</a>
</li>
<li>
<a href="*">私域直播工具</a>
</li>
<li>
<a href="*">小鹅通APP</a>
</li>
<li>
<a href="*">小鹅创业社区</a>
</li>
<li>
<a href="*">小鹅通移动版</a>
</li>
<li>
<a href="*">小鹅通学员版</a>
</li>
</div>
<div class="end-zuihou">
<div class="end-zuihou-one">Copyright © 2015-2024 深圳小鹅网络技术有限公司 All Rights Reserved. 粤ICP备15020529号-1</div>
<div class="yipai">
<div class="end-zuihou-two">互联网药品信息服务资格证书(粤)—经营性—2020—0589</div>
<div class="end-zuihou-three">医疗器械网络交易服务第三方平台备案(粤)网械平台备字(2021)第00001号</div>
</div>
</div>
</div>
</div>
</body>
</html>
CSS：
/* 首页START */
.header{
width: 100%;
height: 600px;
/* background-color: aquamarine; */
/* background-color: #961e70; */
display: flex;
flex-direction: column;
align-items: center;
background-image: url(./images/屏幕截图\ 2025-03-16\ 152401.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.nav{
/* background-color:#fff; */
height: 72px;
display: flex;
justify-content: space-between;
width: 2000px;
}
.nav:hover{
cursor: pointer;
background-color: #fff;
}
.content{
width: 1500px;
height: 72px;
/* background-color: orange; */
display: flex;
justify-content: space-between;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
ul{
list-style: none;
padding: 0;
margin: 0;
}
.left{
display: flex;
align-items: center;
gap: 30px;
justify-content: flex-start;
flex: 1;
}
.logo img{
width: 120px;
height: 36px;
}
.left a{
color:#333;
text-decoration: none;
font-size: 16px;
}
.left a:hover{
color: #4872f6;
}
.right{
display: flex;
gap: 30px;
align-items: center;
justify-content: flex-end;
min-width: 400px;
}
.right li:nth-of-type(1){
cursor: pointer;
color: #333;
font-size: 16px;
}
.right li:nth-of-type(1):hover{
color: #4872f6;
}
.right li:nth-of-type(2),
.right li:nth-of-type(3){
width: 120px;
height: 45px;
border:solid 1px #4872f6;
border-radius: 8px;
text-align: center;/*左右居中*/
line-height: 45px; /*上下居中*/
color: #4872f6;
background-color: #fff;
transition: all .2s;
cursor: pointer;
font-size: 16px;
}
.right li:nth-of-type(2):hover{
background-color:#4872f6;
color: white;
transition: all .2s;
}
.right li:nth-of-type(3){
background-color: #4872f6;
color: white;
}
.right li:nth-of-type(3):hover{
background-color: #446ffdba;
color: white;
}
/* .banner{
width: 100%;
height: 528px;
/* background-color: orange; */
/* display: flex;
justify-content: center;
*/ */
.banner img{
height: 500px;
width: 1320px;
position: absolute;
top: 64px;
left: 180px;
z-index:-1;
}
/* 首页END */
/* 我们的产品能力START */
.chanpin{
width: 100%;
height: 1000px;
/* background-color: antiquewhite; */
background: linear-gradient(177deg,#fff,#eef1fc);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.biaoti{
font-size: 44px;
font-weight: 600;
}
.tupian-cj,
.tupian-cj img{
width: 1200px;
height: 560px;
border-radius: 10px;
}
.jieshao{
display: flex;
gap: 20px;
}
.jieshao div{
/* width: 460px; */
border-radius: 10px;
padding: 15px;
width: 385px;
height: 200px;
background-color:#fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.jieshao div h3{
font-size: 30px;
font-weight: 500;
font-family: "微软雅黑";
}
.jieshao div p{
color: #888;
font-size: 14px;
}
.jieshao div p a{
text-decoration: none;
color: #4872f6;
font-size: 14px;
}
.jieshao div.active{
border-top: solid 5px #4872f6;
}
.jieshao div.active h3{
color: #4872f6;
}
/* 产品END */
/* 我们的场景解决方案START */
.cj-bg{
width: 100%;
height: 900px;
/* background-color: beige; */
background: linear-gradient(90deg,#f2fefe,#e2e2f1);
display: flex;
justify-content: center;
}
.cj-content{
width: 1200px;
height: 100%;
/* background-color: aquamarine; */
display: flex;
flex-direction: column;
align-items: center;
padding: 60px 0;
}
.cj-title{
font-size: 38px;
font-weight: 600;
margin-bottom: 40px;
}
.cj-nav{
width: 850px;
height: 50px;
background-color: #fff;
border-radius: 25px;
display: flex;
list-style: none;
justify-content: space-evenly;
margin-bottom: 40px;
}
.cj-nav li{
width: 170px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 16px;
}
.cj-nav li.cj-active{
background-color: #4872f6;
color: white;
border-radius: 25px;
}
.intro{
width: 1200px;
height: 560px;
border-radius: 10px;
border: solid 2px #fff;
overflow: hidden;
display: flex;
background-color: #fff;
}
.left-cj,
.left-cj img{
width: 600px;
height: 560px;
}
.right-cj{
width: 600px;
height: 560px;
/* background-color: antiquewhite; */
padding: 80px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.right-cj h3{
font-size: 28px;
}
.right-cj h4{
font-size: 24px;
font-weight: 500;
}
.right-cj p{
color: gray;
background-image: url(./images/xiaotubiao.png);
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 30px;
font-size: 14px;
}
.right-cj .cj-btns{
display: flex;
gap: 30px;
font-size: 14px;
}
.right-cj .cj-btns div{
width: 100px;
height: 38px;
border: solid 1px #4872f6;
border-radius: 5px;
text-align: center;
line-height: 38px;
color: #4872f6;
cursor: pointer;
}
.right-cj .cj-btns div:nth-of-type(1){
background-color: #4872f6;
color: white;
}
/* 场景END */
/* 我们的行业解决方案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;
}
.hy-left{
width: 200px;
height:428 px;
display: flex;
justify-content: center;
/* background-color: #888; */
background-color: #2a3645;
}
.hy-nav{
width: 200px;
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;
font-weight: 300;
color: #fdfdfd;
}
.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*/
/* 我们的技术优势START */
.jishu-bg{
width: 100%;
height: 700px;
/* background: linear-gradient(135deg,#101724,#0c2447); */
background-color: #f5f7fa;
display: flex;
flex-direction: column;
align-items: center;
}
.jishu-title{
width: 1200px;
height: 120px;
line-height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.jishu-bt{
font-size: 38px;
font-weight: 800;
padding-top: 60px;
color:#000000;
}
.jishu-content {
width: 1200px;
height: 400px;
display: flex;
justify-content: space-between;
align-items: center;
/* gap: 20px; */
padding: 0 20px;
}
.jishu-one,
.jishu-two,
.jishu-three{
display: inline-block;
position: relative;
margin: 10px;
}
/* .jishu-two img, */
/* .jishu-three img{ */
/* width: 400px; */
/* height: 300px; */
.jishu-one img{
width: 550px;
height: 335px;
}
.jishu-two img,
.jishu-three img{
width: 310px;
height: 335px;
}
.jishu-one .text-overlay,
.jishu-two .text-overlay,
.jishu-three .text-overlay{
position: absolute;
/* top: 0; */
top: 50%;
/* left: 0; */
left: 20px;
transform: translateY(-50%);
/* width: 100%; */
width: 200px;
/* height: 100%; */
/* display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
color: white; */
}
.text-overlay h3{
font-size: 30px;
font-weight: 600;
margin: 0 0 10px 0;
text-align: left;
color:#ffffff;
/* padding-top: 100px; */
/* padding-right: 100px; */
}
.text-overlay p{
font-size: 16px;
margin: 0;
text-align: left;
color:#ffffff;
/* padding-left: 10px; */
/* padding-top: 10px; */
}
/* 我们的技术优势END */
/* 我们的运营服务START */
.yunying-bg{
width: 100%;
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{
width: 1600px;
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 */
/* 他们都在用小鹅通START */
.they-bg{
width: 100%;
height: 1200px;
/* background-color:antiquewhite; */
display: flex;
flex-direction: column;
align-items: center;
background-image: url(./images/beijing.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.they-title{
width: 800px;
height: 120px;
line-height: 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
padding-top: 50px;
/* background-color:aqua; */
/* background-color: #e6c13d; */
}
.they-ftitle{
width: 800px;
height: 40px;
line-height: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
padding-bottom: 10px;
/* background-color: #e6c13d; */
}
.they-bt{
font-size: 40px;
font-weight: 800;
color:#191919;
}
.they-fbt{
font-size: 16px;
font-weight: 400;
color:#818181;
}
.they-content {
width: 1400px;
height: 440px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
margin: 0 auto;
/* background-color: aquamarine; */
}
.they-one,
.they-two,
.they-three {
width: 450px;
height: 420px;
margin: 0 10px;
}
.they-one img,
.they-two img,
.they-three img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.all-tupian{
width: 1400px;
height: 360px;
display: flex;
flex-direction: column;
justify-content: space-around;
/* background-color:beige; */
}
.they-png{
width: 1400px;
height: 360px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
/* background-color:beige; */
}
.they-tupian-one,
.they-tupian-two,
.they-tupian-three,
.they-tupian-four,
.they-tupian-five,
.they-tupian-six,
.they-tupian-seven,
.they-tupian-eight,
.they-tupian-nine,
.they-tupian-ten,
.they-tupian-eleven,
.they-tupian-twelve{
width: 216px;
height: 146px;
object-fit: cover;
border-radius: 8px;
margin: 0;
}
.they-tupian-one img,
.they-tupian-two img,
.they-tupian-three img,
.they-tupian-four img,
.they-tupian-five img,
.they-tupian-six img,
.they-tupian-seven img,
.they-tupian-eight img,
.they-tupian-nine img,
.they-tupian-ten img,
.they-tupian-eleven img,
.they-tupian-twelve img{
width: 100%;
height: 100%;
border-radius: 8px;
transition: all 0.3s ease;
}
.they-tupian-one img:hover,
.they-tupian-two img:hover,
.they-tupian-three img:hover,
.they-tupian-four img:hover,
.they-tupian-five img:hover,
.they-tupian-six img:hover,
.they-tupian-seven img:hover,
.they-tupian-eight img:hover,
.they-tupian-nine img:hover,
.they-tupian-ten img:hover,
.they-tupian-eleven img:hover,
.they-tupian-twelve img:hover {
transform: scale(1.05);
}
.they-btns{
width: 120px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
border: solid 1px #1472ff;
background-color:#fbfeff;
margin-top: 30px;
}
.they-btns div{
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
font-weight: 400;
color: #1472ff;
}
/* 他们都在用小鹅通END */
/* 扫码咨询START */
.saoma-bg{
width: 100%;
height: 360px;
/* background-color:wheat; */
background-image: url(./images/saomabeijing.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
}
.saoma-title{
width: 800px;
height: 120px;
line-height: 120px;
display: flex;
justify-content: center;
align-items: center;
/* background-color:yellow; */
}
.saomao-bt{
font-size: 38px;
font-weight: 800;
color:#f7f9fe;
padding-top: 10px;
}
.saoma-content{
width: 500px;
height: 260px;
display: flex;
/* background-color:aqua; */
margin-top: -15px;
}
.saoma-left{
width: 200px;
height: 200px;
/* background-color: #1472ff; */
display: flex;
justify-content: center;
align-items: center;
}
.saoma-left img{
width:130px;
height: 130px;
}
.saoma-right{
width: 300px;
height: 260px;
/* background-color:turquoise; */
}
.saoma-right h3{
padding-top: 25px;
padding-left: 20px;
font-size: 26px;
font-weight: 700;
color:#fafbfe;
}
.saoma-right p{
padding-top: 5px;
padding-left: 20px;
font-size: 20px;
font-weight: 500;
color:#fafbfe;
}
.saoma-btns{
margin-top: 25px;
margin-left: 20px;
width: 140px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
background-color:#ffffff;
border-radius: 5px;
border: solid 1px #ffffff;
font-size: 16px;
font-weight: 400;
color:#3888ff;
/* color: #1472ff; */
}
/* 扫码咨询END */
/* 底部START */
.bottom-bg{
width: 100%;
height: 400px;
/* background-color:#191919; */
background-color: #161e30;
display: flex;
flex-direction: column;
align-items: center;
}
.footer-content{
margin-top: 0;
width: 1440px;
height: 400px;
/* background-color:thistle; */
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-left{
width: 1000px;
height: 400px;
/* background-color: #1472ff; */
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
}
.footer-left-one,
.footer-left-two,
.footer-left-three,
.footer-left-four,
.footer-left-five{
width: 120px;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 5px;
}
.footer-left-one ul,
.footer-left-two ul,
.footer-left-three ul,
.footer-left-four ul,
.footer-left-five ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-left-one li,
.footer-left-two li,
.footer-left-three li,
.footer-left-four li,
.footer-left-five li{
margin: 0;
width: 100%;
height: auto;
/* background-color: transparent; */
/* color: #93979f; */
font-size: 16px;
}
.footer-left-one li a,
.footer-left-two li a,
.footer-left-three li a,
.footer-left-four li a,
.footer-left-five li a{
text-decoration: none;
color:#93979f;
font-size: 14px;
}
.left-bt{
width: 100%;
height: auto;
font-size:16px;
font-weight: 400;
color: #f9fafa;
background-color: transparent;
margin-bottom: 15px;
}
.left-bt div{
width: 200px;
height: 40px;
font-size: 14px;
font-weight: 400;
/* color: white; */
}
.changbufen{
width: 300px;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 5px;
}
.changbufen .left-bt{
width: 100%;
height: auto;
font-size: 16px;
font-weight: 400;
color: #f9fafa;
background-color: transparent;
margin-bottom: 26px;
}
.changbufen ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.changbufen div{
/* margin-top:0;
width: 100%;
height: 40px;
background-color:yellow;
color: #333;
font-size: 12px; */
margin: 0;
width: 320px;
height: auto;
color:#93979f;
/* background-color: transparent; */
/* color: #333; */
font-size: 14px;
}
.footer-right{
width: 440px;
height: 100%;
/* background-color:tan; */
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.footer-right .number{
width: 300px;
height: 50px;
/* background-color: #1472ff; */
color:#f9fafa;
font-size: 40px;
font-weight: 800;
text-align: center;
line-height: 40px;
margin-top: 10px;
padding-right: 20px;
}
.footer-right .riqi{
font-size: 14px;
font-weight: 400;
color: #93979f;
width: 200px;
height: 40px;
/* background-color:turquoise; */
text-align: center;
line-height: 40px;
margin-top: -10px;
padding-right: 40px;
}
.footer-right .xiaoetongxiaotubiao{
width: 440px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 200px;
}
.footer-right .xiaoetongerweima-one,
.footer-right .xiaoetongerweima-two{
width: 180px;
height: 150px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.footer-right .xiaoetongerweima-two {
margin-left: -40px;
}
.footer-right .xiaoetongxiaotubiao img{
width: 120px;
height: 120px;
}
.footer-right .xiaoetongxiaotubiao p{
font-size: 14px;
font-weight: 400;
color: #93979f;
margin-top: 5px;
}
/* 底部END */
.zuihou-bg{
width: 100%;
height: 300px;
background-color: #161e30;
display: flex;
justify-content: center;
}
.bottom-content{
width: 1440px;
height: 300px;
/* background-color:#191919; */
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/* padding: 0 40px; */
}
.shang-zuihou{
width: 1440px;
height: 100px;
/* background-color: #191919; */
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-nryi,
.bottom-nrsan{
width: 500px;
height: auto;
/* background-color: #191919; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 10px 0;
/* color:#93979f; */
/* margin-left: 30px; */
}
.bottom-nrer{
width: 300px;
height: auto;
/* background-color: #191919; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 10px 0;
}
.bottom-nryi p,
.bottom-nrer p,
.bottom-nrsan p{
font-size: 14px;
font-weight: 400;
color:#93979f;
margin: 5px 0;
}
.content-nav{
width: 1440px;
height: 200px;
border-top: solid 1px rgba(255, 255, 255, 4);
border-bottom: solid 1px rgba(255, 255, 255, 4);
display: flex;
/* justify-content: space-between; */
/* align-items: center; */
padding: 0 0;
list-style: none;
margin-bottom: 80px;
/* background-color:turquoise; */
}
.content-nav li{
/* padding-left: 5px; */
display: flex;
justify-content: center;
align-items: center;
margin-top: 5px;
width: 95px;
height: 34px;
/* background-color:wheat; */
color:#93979f;
font-size: 14px;
gap: 10px;
font-weight: 400;
}
.content-nav li a{
text-decoration: none;
color:#93979f;
}
.end-zuihou{
width: 1440px;
height: 100px;
/* background-color: #191919; */
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.end-zuihou-one{
font-size: 14px;
font-weight: 400;
color: #93979f;
}
.yipai{
display: flex;
justify-content: space-between;
/* padding-left: 50px; */
align-items: center;
}
.end-zuihou-two{
font-size: 14px;
font-weight: 400;
color: #93979f;
}
.end-zuihou-three{
font-size: 14px;
font-weight: 400;
color: #93979f;
padding-right: 600px;
}
[图片上传失败...(image-c84f4-1742742068098)]][图片上传失败...(image-ed62f3-1742741919023)]
](https://upload-images.jianshu.io/upload_images/30314751-8b27a41b7843e6c5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
](https://upload-images.jianshu.io/upload_images/30314751-51c7fec780dcde5a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
images.jianshu.io/upload_images/30314751-458ef682b755b86e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
](https://upload-images.jianshu.io/upload_imag
es/30314751-a9d9b2209e4e5c3a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
](https://upload-images.jianshu.io/upload_images/30314751-7293dda777e10f14.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)[图片上传失败...(image-e0d899-1742742068098)]
](https://upload-images.jianshu.io/upload_images/30314751-4a4fdb72e6a29392.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
images.jianshu.io/upload_images/30314751-e0c874ece46acfce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2025-03-23小鹅通
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 在职场中，无效沟通如同隐形的绊脚石——任务延误、团队矛盾、资源浪费，往往源于信息传递的失真或误解。据统计，企业内约...
