小鵝通

<!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>產(chǎn)品服務(wù)</li>
<li>價(jià)格</li>
<li>活動(dòng)</li>
<li>案例</li>
<li>渠道合作</li>
<li>下載與幫助</li>
<li>關(guān)于我們</li>
</ul>
</div>
<div class="botton">
<div>我是學(xué)員</div>
<div>商家登錄</div>
<div>免費(fèi)試用</div>
</div>

        </div>
    </div>
</div>
<!-------header-----end--------------->
<!-- chanpin---------start---- --------->
<div class="bg chanpin">
    <div class="content">
        <div class="title">
            <h1>我們的產(chǎn)品能力</h1>
        </div>
        <div class="img">
            <img width="1120px" height="400px" src="./img/m0p7w1en09hz.png" alt="">
        </div>
        <div class="end">
            <div>
                <ul>
                    <li>
                        <h1>知識(shí)店鋪</h1>
                    </li>
                    <li>一分鐘搭建你的知識(shí)</li>
                    <li>助力知識(shí)變現(xiàn)</li>
                    <li>
                        <p>免費(fèi)試用</p>
                    </li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>
                        <h1>私域直播</h1>
                    </li>
                    <li>企業(yè)級(jí)專屬私域直播平臺(tái)</li>
                    <li>實(shí)現(xiàn)私域流量高效運(yùn)營(yíng)</li>
                    <li>
                        <p>免費(fèi)試用</p>
                    </li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>
                        <h1>企業(yè)SCRM</h1>
                    </li>
                    <li>企業(yè)微信私域運(yùn)營(yíng)神器</li>
                    <li>數(shù)據(jù)洞察驅(qū)動(dòng)業(yè)績(jī)?cè)鲩L(zhǎng)</li>
                    <li>
                        <p>業(yè)績(jī)?cè)鲩L(zhǎng)</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- chanpin------end------------------- -->
<!-- --------場(chǎng)景------start---------- -->
<div class="bg changjing">
    <div class="content">
        <div class="neirong">
            <div class="title">我們的場(chǎng)景解決方案</div>
            <div class="daohang">
                <ul>
                    <li class="active">公域獲客</li>
                    <li>私域運(yùn)營(yíng)</li>
                    <li>直播到貨</li>
                    <li>內(nèi)容交付</li>
                    <li>數(shù)據(jù)化運(yùn)營(yíng)</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>打通抖音/快手/小紅書/視頻號(hào)/公眾號(hào),支持直播間/短視頻/賬號(hào)主頁等多種課程掛載方式,快速開啟知識(shí)變現(xiàn)</p>
                    <p>多種公域轉(zhuǎn)私域工具,支持添加企微/引流加群加人/渠道活碼/分配引擎等工具,客戶可批量導(dǎo)流到私域流量池</p>
                    <p>豐富的廣告獲客能力,落地頁支持表單/支付類/0元領(lǐng)取/添加企微等多場(chǎng)景,提升廣告ROI</p>
                    <div class="btn">
                        <div>免費(fèi)試用</div>
                        <div>了解詳情</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ---------場(chǎng)景--------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>我們的行業(yè)解決方案</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>職業(yè)培訓(xùn)</li>
                        <li><i class="iconfont icon-zhishifufei"></i>知識(shí)付費(fèi)</li>
                        <li><i class="iconfont icon-jingzi_"></i>美業(yè)直播</li>
                    </ul>
                </div>
            </div>
            <div class="center">
                <h1>美業(yè)解決方案</h1>
                <h4>打造私域直播,實(shí)現(xiàn)品牌價(jià)值提升與門店業(yè)績(jī)?cè)鲩L(zhǎng)
                </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>行業(yè)案例</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>我們的技術(shù)優(yōu)勢(shì)</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>我們的運(yùn)營(yíng)服務(wù)</h1>
            </div>
            <div class="neirong">
                <div><img width="350px" height="200px" src="./img/攝圖網(wǎng)_501221054_商務(wù)女士打電話(企業(yè)商用)@3x.png" alt="">
                    <div>
                        <h4>大客服務(wù)</h4>
                    </div>
                    <div>
                        <p>設(shè)置夜班服務(wù)管家/假期值班管家,24小時(shí)在線服務(wù),服務(wù)從不掉線</p>
                    </div>
                </div>
                <div><img width="350px" height="200px" src="./img/大客服務(wù).png" alt="">
                    <div>
                        <h4>管家服務(wù)</h4>
                    </div>
                    <div>
                        <p>客戶經(jīng)理、服務(wù)管家、多角色在群,服務(wù)全面包圍</p>
                    </div>
                </div>
                <div><img width="350px" height="200px" src="./img/服務(wù)_本地社群.png" alt="">
                    <div>
                        <h4>社群服務(wù)</h4>
                    </div>
                    <div>
                        <p>標(biāo)桿商家分享,同行商家交流,總比別人快一步</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>掃碼添加客戶經(jīng)理</h3>
                    <p>或者您也可以先</p>
                </div>
                <div><button>免費(fèi)試用</button></div>
            </div>
        </div>
    </div>
</div>
<!-- saoma-----------end-------- -->
<div class="bg footer">
    <div class="content">
        <div class="hd">
            <div class="cj">
                <ul>
                    <li>
                        <h4>場(chǎng)景</h4>
                    </li>
                    <li>全域獲客</li>
                    <li>私域運(yùn)營(yíng)</li>
                    <li>直播帶貨</li>
                    <li>內(nèi)容支付</li>
                    <li>數(shù)據(jù)化運(yùn)營(yíng)</li>
                    <li>企業(yè)內(nèi)訓(xùn)</li>
                </ul>
            </div>
            <div class="hy">
                <ul>
                    <li>
                        <h4>行業(yè)</h4>
                    </li>
                    <li>零售電商</li>
                    <li>職業(yè)培訓(xùn)</li>
                    <li>知識(shí)付費(fèi)</li>
                    <li>企業(yè)營(yíng)銷</li>
                    <li>美業(yè)直播</li>
                    <li>企業(yè)培訓(xùn)</li>
                    <li>社區(qū)團(tuán)購(gòu)</li>
                    <li>營(yíng)銷會(huì)務(wù)</li>
                </ul>
            </div>
            <div class="cp">
                <ul>
                    <li>
                        <h4>產(chǎn)品</h4>
                    </li>
                    <li>知識(shí)店鋪</li>
                    <li>私域直播</li>
                    <li>企微SCRM</li>
                    <li>企學(xué)院</li>
                    <li>智能投放</li>
                    <li>海外版eLink</li>
                    <li>小鵝云</li>
                </ul>
            </div>
            <div class="fw">
                <ul>
                    <li>
                        <h4>服務(wù)</h4>
                    </li>
                    <li>小鵝創(chuàng)業(yè)社區(qū)</li>
                    <li>本地社群</li>
                    <li>教練聯(lián)盟</li>
                    <li>小鵝通訓(xùn)練營(yíng)</li>
                    <li>對(duì)話標(biāo)桿</li>
                </ul>
            </div>
            <div class="wm">
                <ul>
                    <li>
                        <h4>關(guān)于我們</h4>
                    </li>
                    <li>公司簡(jiǎn)介</li>
                    <li>加入我們</li>
                    <li>媒體報(bào)道</li>
                    <li>更多資訊</li>
                    <li>客戶案例</li>
                    <li>幫助中心</li>
                </ul>
            </div>
            <div class="mt">
                <ul>
                    <li>
                        <h4>媒體報(bào)道</h4>
                    </li>
                    <li>d輪融資1.2億</li>
                    <li>知識(shí)付費(fèi)用戶</li>
                    <li>知識(shí)工作者</li>
                    <li>小鵝通:讓</li>
                    <li>小鵝通聯(lián)合</li>
                </ul>
            </div>
            <div class="m">
                <h1>400-102-6665</h1>
                <p>周一到周四 9:00-21:00</p>
                <img width="100px" height="100px" src="./img/小鵝創(chuàng)業(yè)社區(qū)-公眾號(hào)二維碼-20240102163357.jpg" alt="">
                <img width="100px" height="100px" src="./img/下載 (1).png" alt="">
            </div>
        </div>
        <div class="bs">
            <ul>
                <li>深圳總部,深圳市南山區(qū)粵海街道科興科學(xué)園D3棟7樓</li>
                <li>北京地址,北京市朝陽區(qū)朝外大街乙6號(hào)23層2301B-2307</li>
                <li>上海地址,中國(guó)(上海)自由貿(mào)易試驗(yàn)區(qū)世紀(jì)大道1500號(hào)1601-A室</li>
            </ul>
            <ul>
                <li>商務(wù)合作:support@xiaoe-tech.com</li>
                <li>渠道合作:partner@xiaoe-tech.com</li>
                <li>投訴意見:xiaoeks@xiaoe-tech.com</li>
            </ul>
            <ul>
                <li>互聯(lián)網(wǎng)違法和不良信息舉報(bào)電話:0755-26409534</li>
                <li>互聯(lián)網(wǎng)不良信息舉報(bào)郵箱:xiaoeks@xiaoe-tech.com</li>
                <li>安全漏洞反饋郵箱:security@xiaoe-tech.com</li>
            </ul>
        </div>
        <hr>
        <div class="bx">
            <ul>
                <li>友情鏈接</li>
                <li>知識(shí)付費(fèi)軟件</li>
                <li>小鵝通企學(xué)院</li>
                <li>私域直播工具</li>
                <li>小鵝通app</li>
                <li>小鵝創(chuàng)業(yè)社區(qū)</li>
                <li>小鵝通移動(dòng)版</li>
                <li>小鵝通學(xué)員版</li>
            </ul>
        </div>
        <hr>
        <div class="ed">
            <div><p>Copyright ? 2015-2024 深圳小鵝網(wǎng)絡(luò)技術(shù)有限公司 All Rights Reserved. 粵ICP備15020529號(hào)-1</p>
               <p> 互聯(lián)網(wǎng)藥品信息服務(wù)資格證書(粵)—經(jīng)營(yíng)性—2020—0589 醫(yī)療器械網(wǎng)絡(luò)交易服務(wù)第三方平臺(tái)備案(粵)網(wǎng)械平臺(tái)備字(2021)第00001號(hào)</p></div>
        <div><p>工商營(yíng)業(yè)執(zhí)照</p></div>
        <div>
            <p>粵公網(wǎng)安備44030520022037</p>
            <p>工商網(wǎng)監(jiān) 電子標(biāo)識(shí)</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;
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容