<!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="./demo01.css">
</head>
<body>
<div class="bg header-nav">
<div class="w-content">
<div class="hbg">
<div class="nav">
<ul>
<li><img src="./img/下载.png" alt=""></li>
<li>首页</li>
<li>解决方案</li>
<li>产品服务</li>
<li>价格</li>
<li>活动</li>
<li>案例</li>
<li>渠道合作</li>
<li>下载与帮助</li>
<li>关于我们</li>
</ul>
</div>
<div class="botton">
<div>我是学员</div>
<div>商家登录</div>
<div>免费试用</div>
</div>
</div>
</div>
</div>
<!-------header-----end--------------->
<!-- chanpin---------start---- --------->
<div class="bg chanpin">
<div class="content">
<div class="title">
<h1>我们的产品能力</h1>
</div>
<div class="img">
<img width="1120px" height="400px" src="./img/m0p7w1en09hz.png" alt="">
</div>
<div class="end">
<div>
<ul>
<li>
<h1>知识店铺</h1>
</li>
<li>一分钟搭建你的知识</li>
<li>助力知识变现</li>
<li>
<p>免费试用</p>
</li>
</ul>
</div>
<div>
<ul>
<li>
<h1>私域直播</h1>
</li>
<li>企业级专属私域直播平台</li>
<li>实现私域流量高效运营</li>
<li>
<p>免费试用</p>
</li>
</ul>
</div>
<div>
<ul>
<li>
<h1>企业SCRM</h1>
</li>
<li>企业微信私域运营神器</li>
<li>数据洞察驱动业绩增长</li>
<li>
<p>业绩增长</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- chanpin------end------------------- -->
<!-- --------场景------start---------- -->
<div class="bg changjing">
<div class="content">
<div class="neirong">
<div class="title">我们的场景解决方案</div>
<div class="daohang">
<ul>
<li class="active">公域获客</li>
<li>私域运营</li>
<li>直播到货</li>
<li>内容交付</li>
<li>数据化运营</li>
</ul>
</div>
<div class="zuoyou">
<div class="left"> <img width="500px" height="375px" src="./img/m10c72vn0zzo.webp" alt=""></div>
<div class="right">
<h3>公域获客</h3>
<h4>多渠道获客，沉淀私域流量池</h4>
<p>打通抖音/快手/小红书/视频号/公众号，支持直播间/短视频/账号主页等多种课程挂载方式，快速开启知识变现</p>
<p>多种公域转私域工具，支持添加企微/引流加群加人/渠道活码/分配引擎等工具，客户可批量导流到私域流量池</p>
<p>丰富的广告获客能力，落地页支持表单/支付类/0元领取/添加企微等多场景,提升广告ROI</p>
<div class="btn">
<div>免费试用</div>
<div>了解详情</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ---------场景--------end-------- -->
<!-- ---hangye-------start---------------- -->
<link rel="stylesheet" href="./font_kiibvjzoqo/iconfont.css">
<link rel="stylesheet" href="./font_zsqnlg8blkh/">
<div class="bg hangye">
<div class="content">
<div class="header">
<h6>我们的行业解决方案</h6>
</div>
<div class="hcontent">
<div class="leftt">
<div class="left">
<ul>
<li><i class="iconfont icon-mendian "></i>新零售门店</li>
<li><i class="iconfont icon-zhiye"></i>职业培训</li>
<li><i class="iconfont icon-zhishifufei"></i>知识付费</li>
<li><i class="iconfont icon-jingzi_"></i>美业直播</li>
</ul>
</div>
</div>
<div class="center">
<h1>美业解决方案</h1>
<h4>打造私域直播，实现品牌价值提升与门店业绩增长
</h4>
<div class="boxs">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<</div>
<div class="boxss">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="right">
<h2>行业案例</h2>
<div class="rimg">
<img width="85px" height="85px" src="./img/m1n7u98h0aet.webp" alt="">
<img width="85px" height="85px" src="./img/m1n7u98l0j89.webp" alt="">
</div>
<div class="rrimg">
<img width="85px" height="85px" src="./img/m1n7u98m0m6d.webp" alt="">
<img width="85px" height="85px" src="./img/m1n7u98n0jn9.webp" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- ---------hanye -------------end -->
<!-- jishu---------------start----- -->
<div class="bg jishu">
<div class="content">
<div class="header">
<h1>我们的技术优势</h1>
</div>
<div class="neirong">
<div><img width="270" height="280" src="./img/m04n363709k8.webp" alt=""></div>
<div><img width="270" height="280" src="./img/m04n363d0eas.png" alt=""></div>
<div><img width="320" height="280" src="./img/m04n363e0jjz.png" alt=""></div>
</div>
</div>
</div>
<!-- jishu---------------------end -->
<!-- ---yunying------start------ -->
<div class="bg yunying">
<div class="w-content">
<div class="nneirong">
<div class="header">
<h1>我们的运营服务</h1>
</div>
<div class="neirong">
<div><img width="350px" height="200px" src="./img/摄图网_501221054_商务女士打电话（企业商用）@3x.png" alt="">
<div>
<h4>大客服务</h4>
</div>
<div>
<p>设置夜班服务管家/假期值班管家,24小时在线服务,服务从不掉线</p>
</div>
</div>
<div><img width="350px" height="200px" src="./img/大客服务.png" alt="">
<div>
<h4>管家服务</h4>
</div>
<div>
<p>客户经理、服务管家、多角色在群，服务全面包围</p>
</div>
</div>
<div><img width="350px" height="200px" src="./img/服务_本地社群.png" alt="">
<div>
<h4>社群服务</h4>
</div>
<div>
<p>标杆商家分享，同行商家交流，总比别人快一步</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ----yunying----------end--------- -->
<!-- ---xiaoetong---------start------ -->
<div class="bg xiaoetong">
<div class="w-content">
<div class="tou">
<h1>他们都在用小鹅通</h1>
</div>
<div class="xtou">(*排名不分先后)</div>
<div class="nr">
<div>
<img width="285px" height="260px" src="./img/屏幕截图_14-3-2025_171317_www.xiaoe-tech.com.jpeg" alt="">
</div>
<div>
<img width="285px" height="260px" src="./img/屏幕截图_14-3-2025_171345_www.xiaoe-tech.com.jpeg" alt="">
</div>
<div>
<img width="285px" height="260px" src="./img/屏幕截图_14-3-2025_171413_www.xiaoe-tech.com.jpeg" alt="">
</div>
</div>
<div class="wb">
<img width="1350px" height="80px" src="./img/一行.png" alt="">
<img width="1350px" height="80px" src="./img/2行.png" alt="">
<img width="1350px" height="80px" src="./img/3行.png" alt="">
</div>
<div class="wbb"><button>查看更多案例</button></div>
</div>
</div>
<!-- -----xiaoetong---------end---- -->
<!-- saoma-----------start----- -->
<div class="bg saoma">
<div class="w-content">
<div class="tou">
<h1>立即扫码咨询,获得你的专属解决方案</h1>
</div>
<div class="bd">
<div class="ma"><img width="150px" height="150px" src="./img/m2cobck10ujl.webp" alt=""></div>
<div class="lie">
<div>
<h3>扫码添加客户经理</h3>
<p>或者您也可以先</p>
</div>
<div><button>免费试用</button></div>
</div>
</div>
</div>
</div>
<!-- saoma-----------end-------- -->
<div class="bg footer">
<div class="content">
<div class="hd">
<div class="cj">
<ul>
<li>
<h4>场景</h4>
</li>
<li>全域获客</li>
<li>私域运营</li>
<li>直播带货</li>
<li>内容支付</li>
<li>数据化运营</li>
<li>企业内训</li>
</ul>
</div>
<div class="hy">
<ul>
<li>
<h4>行业</h4>
</li>
<li>零售电商</li>
<li>职业培训</li>
<li>知识付费</li>
<li>企业营销</li>
<li>美业直播</li>
<li>企业培训</li>
<li>社区团购</li>
<li>营销会务</li>
</ul>
</div>
<div class="cp">
<ul>
<li>
<h4>产品</h4>
</li>
<li>知识店铺</li>
<li>私域直播</li>
<li>企微SCRM</li>
<li>企学院</li>
<li>智能投放</li>
<li>海外版eLink</li>
<li>小鹅云</li>
</ul>
</div>
<div class="fw">
<ul>
<li>
<h4>服务</h4>
</li>
<li>小鹅创业社区</li>
<li>本地社群</li>
<li>教练联盟</li>
<li>小鹅通训练营</li>
<li>对话标杆</li>
</ul>
</div>
<div class="wm">
<ul>
<li>
<h4>关于我们</h4>
</li>
<li>公司简介</li>
<li>加入我们</li>
<li>媒体报道</li>
<li>更多资讯</li>
<li>客户案例</li>
<li>帮助中心</li>
</ul>
</div>
<div class="mt">
<ul>
<li>
<h4>媒体报道</h4>
</li>
<li>d轮融资1.2亿</li>
<li>知识付费用户</li>
<li>知识工作者</li>
<li>小鹅通：让</li>
<li>小鹅通联合</li>
</ul>
</div>
<div class="m">
<h1>400-102-6665</h1>
<p>周一到周四 9:00-21:00</p>
<img width="100px" height="100px" src="./img/小鹅创业社区-公众号二维码-20240102163357.jpg" alt="">
<img width="100px" height="100px" src="./img/下载 (1).png" alt="">
</div>
</div>
<div class="bs">
<ul>
<li>深圳总部,深圳市南山区粤海街道科兴科学园D3栋7楼</li>
<li>北京地址,北京市朝阳区朝外大街乙6号23层2301B-2307</li>
<li>上海地址,中国(上海)自由贸易试验区世纪大道1500号1601-A室</li>
</ul>
<ul>
<li>商务合作:support@xiaoe-tech.com</li>
<li>渠道合作:partner@xiaoe-tech.com</li>
<li>投诉意见:xiaoeks@xiaoe-tech.com</li>
</ul>
<ul>
<li>互联网违法和不良信息举报电话:0755-26409534</li>
<li>互联网不良信息举报邮箱:xiaoeks@xiaoe-tech.com</li>
<li>安全漏洞反馈邮箱:security@xiaoe-tech.com</li>
</ul>
</div>
<hr>
<div class="bx">
<ul>
<li>友情链接</li>
<li>知识付费软件</li>
<li>小鹅通企学院</li>
<li>私域直播工具</li>
<li>小鹅通app</li>
<li>小鹅创业社区</li>
<li>小鹅通移动版</li>
<li>小鹅通学员版</li>
</ul>
</div>
<hr>
<div class="ed">
<div><p>Copyright © 2015-2024 深圳小鹅网络技术有限公司 All Rights Reserved. 粤ICP备15020529号-1</p>
<p> 互联网药品信息服务资格证书(粤)—经营性—2020—0589 医疗器械网络交易服务第三方平台备案(粤)网械平台备字(2021)第00001号</p></div>
<div><p>工商营业执照</p></div>
<div>
<p>粤公网安备44030520022037</p>
<p>工商网监 电子标识</p></div>
</div>
</div>
</body>
</html>
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body{
width: 100%;
height: 100%;
background-color: #edf7ff;
}
.bg{
width: 100%;
display: flex;
justify-content: center;
}
.w-content{
width: 1800px;
}
.content{
width: 1400px;
}
/ -----------header----start ---------------------/
.header-nav .w-content{
height: 500px;
/ background-color: rgb(223, 255, 244); /
display: flex;
justify-content: space-between;
background-image: url(./img/m28mi8rp0qr5.webp);
background-size: cover;
background-repeat: no-repeat;
}
.header-nav .w-content .hbg{
width: 1400px;height: 80px;
/ background-color: rgb(250, 84, 112); /
display: flex;
}
.header-nav .w-content .hbg:hover{
background-color: white;
transition: background-color 1s ease;
}
.header-nav .w-content .hbg .nav{
width:1100px;height: 80px;
/ background-color: rgb(255, 223, 228); /
display: flex;
justify-content: space-between;
}
ul{
width: 900px;
height: 80px;
list-style: none;
/ background-color: rgb(240, 202, 208); /
display: flex;
justify-content: space-between;
align-items: center;
}
li{
font-size: larger;
cursor: pointer;
}
li:hover{
color: #006dc6;
}
li img{
width: 130px;
height: 40px;
}
.botton{
width: 300px;
height: 80px;
/ background-color: rgb(203, 135, 146); */
display: flex;
justify-content: space-evenly;
align-items: center;
}
.botton div:nth-of-type(1){
font-size: larger;
cursor: pointer;
}
.botton div:nth-of-type(1):hover{
color: #006dc6;
}
.botton div:nth-of-type(2){
color: #028bfb;
}
.botton div:nth-of-type(2):hover{
color: white;
background-color: #006dc6;
}
.botton div:nth-of-type(2),
.botton div:nth-of-type(3){
height: 50px;width: 100px;
border:solid 1px #0083ee;
border-radius: 8px;
text-align: center;
line-height: 50px;
font-size: larger;
cursor: pointer;
}
.botton div:nth-of-type(3){
background-color: #006dc6;
color: white;
}
.botton div:nth-of-type(3):hover{
background-color: #408fd0;
transition: background-color 1s ease;
}
/* ------------header----end------------------------/
/ ---chanpin----start------------------- /
.chanpin .content{
height: 900px;
/ background-color: rgb(168, 206, 194); /
display: flex;
justify-content: space-evenly;
flex-direction: column;
align-items: center;
}
.chanpin .content .title{
width: 400px;height: 85px;
font-size: x-large;
}
.chanpin .content .end{
display: flex;
flex-direction: row;
align-items: center;
width: 1120px;height: 150px;
/ background-color: rgb(246, 202, 122); */
justify-content: space-between;
}
.chanpin .content .img{
border-radius: 8px;
}
.chanpin .content .end ul{
display: flex;
flex-direction: column;
align-items: start;
width: 350px;height: 150px;
padding-left: 20px;
}
.chanpin .content .end ul li h1,
.chanpin .content .end ul li p{
color: #0082fc;
}
.chanpin .content .end div:nth-of-type(1),
.chanpin .content .end div:nth-of-type(2),
.chanpin .content .end div:nth-of-type(3){
width: 350px;height: 180px;
background-color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 8px;
}
/* -----chanpin-----------end----------- /
/ -------changjing------start------ /
.changjing .content{
height: 750px;
background-color: rgba(218, 233, 246, 0.651);
display: flex;
align-items: center;
justify-content: center;
}
.changjing .content .neirong{
height: 765px;width: 1000px;
/ background-color: chocolate; /
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.changjing .content .neirong .title{
height: 30px;width: 450px;
/ background-color: rgb(248, 232, 227); /
font-size: 45px;
font-weight: 600;
}
.changjing .content .neirong .daohang{
height: 40px;width: 540px;
background-color: rgb(255, 255, 255);
border-radius: 25px;
}
.changjing .content .neirong .daohang ul{
width: 515px;height: 40px;
}
.daohang ul li{
padding-left: 10px;
}
.changjing .content .neirong .zuoyou{
display: flex;
flex-direction: row;
width: 1000px;height: 405px;
/ background-color: rgb(240, 162, 134); /
border-radius: 10px;
overflow: hidden;
}
.changjing .content .neirong .zuoyou .left{
height: 405px;width: 500px;
/ background-color: rgb(255, 150, 112); /
}
.changjing .content .neirong .zuoyou .right{
height: 375px;width: 500px;
background-color: rgb(255, 255, 255);
padding-left: 25px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.changjing .content .neirong .zuoyou .right p{
color: gray;
}
.changjing .content .neirong .zuoyou .right .btn{
display: flex;
gap: 30px;
}
.right h3{
font-size: 30px;
}
.right h4{
font-size: 20px;
}
.daohang li.active{
background-color: #4872f6;
color:white;
border-radius:25px;
height: 40px;
width: 100px;
line-height: 40px;
}
.right .btn div{
width: 100px;height: 35px;
line-height: 35px;
text-align: center;
border-radius: 5px;
border:solid 1px #4872f6;
}
.right .btn div:nth-of-type(1){
background-color: #017bdf;
color: #edf7ff;
}
.right .btn div:nth-of-type(1):hover{
background-color: #068af5;
}
.right .btn div:nth-of-type(2){
background-color: white;
color: #027de2;
}
.right .btn div:nth-of-type(2):hover{
background-color: #0284ef;
color: white;
}
/ --------changjing------end----- /
/ --------hangye------------start------- /
.hangye .content{
height: 650px;
/ background-color: rgb(111, 193, 166); /
background-image: url(./img/m0w7ssdh01vr.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.hangye .content .header{
width: 700px;height: 65px;
/ background-color: rgb(174, 122, 223); /
font-size: 50px;
line-height: 65px;
padding-left: 190px;
color: white;
}
.hangye .content .hcontent{
width: 1100px;height: 400px;
background-color: rgba(128, 128, 128, 0.483);
display: flex;
flex-direction: row;
align-items: center;
border-radius: 8px;
}
.hangye .content .hcontent .leftt{
width: 150px;height: 400px;
background-color: rgba(128, 128, 128, 0.579);
display: flex;
align-items: center;
}
.hangye .content .hcontent .left{
display: flex;
flex-direction: column;
align-items: center;
width: 150px;height: 320px;
/ background-color: rgb(162, 142, 180); /
}
.hcontent .left ul{
display: flex;
flex-direction: column;
width: 150px;height: 200px;
}
.hcontent .left ul li{
width: 150px;height: 50px;
padding-left: 20px;
color: white;
font-size: 17px;
line-height: 50px;
}
.hcontent .left ul li:hover{
background-color: #0066fe;
}
.hangye .content .hcontent .center{
width: 610px;height: 320px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.hangye .content .hcontent .center h1{
font-size: 25px;
}
.hangye .content .hcontent .center h1,
.hangye .content .hcontent .center h4,
.hangye .content .hcontent .center .btn{
padding-left: 30px;
color: white;
}
.hangye .content .hcontent .center .boxs,
.hangye .content .hcontent .center .boxss{
width: 450px;height: 95px;
/ background-color: #9c32ff; /
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
padding-left: 10px;
}
.hangye .content .hcontent .center .boxs div,
.hangye .content .hcontent .center .boxss div{
width: 60px;height: 60px;
/ background-color: #8857b6; /
border-radius: 5px;
border:solid .0001px #ffffff;
/ display: flex;
flex-direction: row;
align-items: center; /
}
.hangye .content .hcontent .center .btn{
display: flex;
justify-content: space-between;
width: 275px;height: 35px;
/ background-color: #b261ff; /
}
.hcontent .center .btn div{
width: 95px;height: 35px;
/ background-color: #8857b6; /
padding-left: 15px;
line-height: 35px;
border-radius: 5px;
border: solid 1px #0066fe;
}
.hcontent .center .btn div:nth-of-type(1){
background-color: #0066fe;
}
.hcontent .center .btn div:nth-of-type(1):hover{
background-color: #478ef9;
}
.hcontent .center .btn div:nth-of-type(2){
color: #0066f1;
}
.hcontent .center .btn div:nth-of-type(2):hover{
color: white;
}
.hangye .content .hcontent .right{
width: 260px;height: 250px;
/ background-color: #8857b6; /
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.hangye .content .hcontent .right h2{
color: white;
}
.hangye .content .hcontent .right .rimg,
.hangye .content .hcontent .right .rrimg{
display: flex;
flex-direction: row;
}
/ -------------hangye-------end-------- /
/ -------jishu------------start -------/
.jishu .content{
height: 550px;
/ background-color: rgb(119, 247, 205); /
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.jishu .content .header{
width: 500px;height: 100px;
/ background-color: rgb(245, 228, 222); /
}
.jishu .content .header h1{
padding-left: 120px;
line-height: 100px;
}
.jishu .content .neirong{
width: 1000px;height: 400px;
/ background-color: rgb(243, 162, 162); /
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.jishu .content .neirong div{
width: 270px;height: 280px;
background-color: rgb(255, 205, 111);
border-radius: 10px;
overflow: hidden;
}
.jishu .content .neirong div:nth-of-type(3){
width: 320px;height: 280px;
background-color: rgb(255, 205, 111);
}
/ --------jishu----------end-------- /
/ -----yunying-------start-------- /
.yunying .w-content{
height: 600px;
background-color: rgb(244, 247, 252);
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-evenly;
}
.yunying .w-content .nneirong{
width: 1300px;height: 400px;
display: flex;
justify-content: space-evenly;
/ background-color: #0066f1; /
flex-direction: column;
align-items: center;
}
.yunying .w-content .header{
width: 300px;height: 50px;
/ background-color: burlywood; /
}
.yunying .w-content .neirong{
display: flex;
align-items: center;
justify-content: space-around;
/ background-color: rgb(255, 239, 218); /
width: 1200px;height: 400px;
}
.yunying .w-content .neirong div img{
width: 350px;height: 200px;
/ background-color: rosybrown; /
border-radius: 5px;
overflow: hidden;
}
.yunying .w-content .neirong p{
color: gray;
width: 350px;
}
/ ------yunying ------------end---------/
/ --------xiaoetong----start------------- /
.xiaoetong .w-content{
height: 900px;
background:linear-gradient(to bottom,#c6e5ff,#ecf6ff);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.xiaoetong .w-content .tou{
width: 400px;height: 110px;
/ background-color: rgb(232, 254, 255); /
line-height: 180px;
padding-left: 70px;
}
.xiaoetong .xtou{
width: 300px;height: 40px;
/ background-color: rgb(135, 230, 233); /
line-height: 40px;
padding-left: 75px;
color: gray;
}
.xiaoetong .w-content .nr{
width: 1000px;height: 280px;
/ background-color: rgb(183, 253, 255); /
display: flex;
justify-content: space-evenly;
flex-direction: row;
align-items: center;
}
.xiaoetong .w-content .nr div{
width: 285px;height: 260px;
/ background-color: cadetblue; */
border-radius: 5px;
overflow: hidden;
}
.xiaoetong .w-content .wb{
width: 1380px;height: 250px;
/* background-color: rgb(121, 187, 189); /
}
.xiaoetong .wbb{
width: 300px;height: 60px;
/ background-color: aquamarine; /
display: flex;
align-items: center;
justify-content: center;
}
.xiaoetong .wbb button{
width: 100px;height: 40px;
color: #0083ee;
border-color: #0487f2;
border-radius: 5px;
border: solid .1px;
background-color: white;
}
/ -----xiaoetong--------end------------- /
/ ----------saoma---------start-------- /
.saoma .w-content{
height: 275px;
/ background-color: rgb(255, 191, 222); /
background-image: url(./img/PC端-扫码\ 2.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
}
.saoma .tou{
width: 530px;height: 60px;
/ background-color: rgb(250, 52, 184); /
line-height: 60px;
color: white;
}
.saoma .bd{
width: 400px;height: 200px;
/ background-color: pink; /
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.saoma .bd button{
width: 100px;height: 40px;
background-color: white;
border-radius: 5px;
border: solid .1px;
color: #0066fe;
}
.saoma .bd .lie{
width: 200px;height: 125px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding-left: 30px;
}
/ -------saoma---------end----------- /
.footer .content{
height: 800px;
background-color: rgb(6, 15, 43);
display: flex;
justify-content: space-evenly;
flex-direction: column;
}
.footer .hd{
width: 1300px;height: 400px;
/ background-color: pink; /
display: flex;
justify-content: space-evenly;
align-items: center;
}
.footer .cj ul,
.footer .hy ul,
.footer .cp ul,
.footer .fw ul,
.footer .wm ul{
display: flex;
flex-direction: column;
width: 130px;height: 390px;
justify-content: flex-start;
align-items: center;
}
.footer li{
line-height: 40px;
padding-left: 5px;
width: 130px;height: 390px;
color: gray;
font-size: small;
}
.footer .cj,
.footer .hy,
.footer .cp,
.footer .fw,
.footer .wm{
width: 120px;height: 390px;
/ background-color: rgb(248, 238, 219); /
}
.footer .mt{
width: 200px;height: 390px;
/ background-color: rgb(251, 220, 164); */
}
.footer .mt ul{
display: flex;
flex-direction: column;
width: 200px;height: 390px;
justify-content: flex-start;
align-items: center;
}
.footer .mt li{
width: 200px;height: 40px;
}
.footer .m{
width: 240px;height: 390px;
/* background-color: rgb(253, 205, 115); /
color: white;
}
.footer .bs{
width: 1400px;height: 200px;
/ background-color: rgb(242, 222, 225); /
display: flex;
justify-content: space-evenly;
flex-direction: row-reverse;
}
.footer .bs ul{
width: 450px;height: 180px;
/ background-color: pink; /
display: flex;
flex-direction: column;
}
.footer .bs li{
width: 450px;height: 100px;
/ background-color: rgb(196, 92, 109); /
}
.footer .bx{
width: 1300px;height: 40px;
/ background-color: rgb(217, 120, 136); /
}
.footer .bx ul{
display: flex;
width: 1300px;height: 35px;
}
.footer .bx li{
width: 150px;height: 35px;
color: gray;
}
.footer .m{
display: flex;
flex-direction:column ;
}
.footer .ed {
width: 1300px;height: 130px;
/ background-color: rgb(222, 172, 180); */
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer .ed div:nth-of-type(1){
width: 700px;height: 75px;
/* background-color: palevioletred; /
color: gray;
}
.footer .ed div:nth-of-type(2){
width: 300px;height: 75px;
/ background-color: rgb(255, 0, 43); /
color: gray;
}
.footer .ed div:nth-of-type(3){
width: 300px;height: 75px;
/ background-color: rgb(178, 42, 64); */
color: gray;
}
.footer h4{
color: white;
}
