|  |  |  | 
|---|
|  |  |  | line-height: 70px; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ul li:hover .drop-down { | 
|---|
|  |  |  | display: block; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ul li:last-child { | 
|---|
|  |  |  | margin: 0 !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | transform: translate(-50%, 0); | 
|---|
|  |  |  | background: #FF7900; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .fa { | 
|---|
|  |  |  | position: fixed !important; | 
|---|
|  |  |  | left: 0 !important; | 
|---|
|  |  |  | width: 100vw !important; | 
|---|
|  |  |  | height: calc(100vh - 70px) !important; | 
|---|
|  |  |  | overflow-y: scroll !important; | 
|---|
|  |  |  | padding: 30px 0 !important; | 
|---|
|  |  |  | box-sizing: border-box !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content { | 
|---|
|  |  |  | width: 1200px; | 
|---|
|  |  |  | margin: 0 auto; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-label { | 
|---|
|  |  |  | display: inline; | 
|---|
|  |  |  | font-weight: 600; | 
|---|
|  |  |  | font-size: 18px; | 
|---|
|  |  |  | color: #191B1F; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-label:hover { | 
|---|
|  |  |  | color: #FF7900 !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | flex-wrap: wrap; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-zw { | 
|---|
|  |  |  | width: 250px; | 
|---|
|  |  |  | height: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row:hover { | 
|---|
|  |  |  | background: rgba(255,121,0,0.06) !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row:hover .fa-content-item-list-row-info span:nth-child(1) { | 
|---|
|  |  |  | color: #FF7900 !important; | 
|---|
|  |  |  | font-weight: 500 !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row { | 
|---|
|  |  |  | width: 250px; | 
|---|
|  |  |  | height: 60px; | 
|---|
|  |  |  | padding: 10px; | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | background: rgba(255,255,255,0.06); | 
|---|
|  |  |  | border-radius: 4px; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row img { | 
|---|
|  |  |  | width: 36px; | 
|---|
|  |  |  | height: 36px; | 
|---|
|  |  |  | margin-right: 12px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row-info { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row-info span:nth-child(1) { | 
|---|
|  |  |  | font-weight: 400; | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | color: #191B1F; | 
|---|
|  |  |  | line-height: normal; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fa-content-item-list-row-info span:nth-child(2) { | 
|---|
|  |  |  | font-weight: 400; | 
|---|
|  |  |  | font-size: 12px; | 
|---|
|  |  |  | color: #7B7F87; | 
|---|
|  |  |  | line-height: normal; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .drop-down { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | top: 70px; | 
|---|
|  |  |  | left: -50px; | 
|---|
|  |  |  | width: 164px; | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | background: #FFFFFF; | 
|---|
|  |  |  | box-shadow: 0 7px 20px 0 rgba(0,0,0,0.1); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .drop-down-item { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 50px; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | font-weight: 400; | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | color: #222222; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .drop-down-item:hover { | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | color: #FF7900; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .nav-btn { | 
|---|
|  |  |  | margin-left: 80px; | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li> | 
|---|
|  |  |  | <a href="./intelligent_system.html">智慧系统</a> | 
|---|
|  |  |  | <div class="drop-down"> | 
|---|
|  |  |  | <a class="drop-down-item">智慧场馆运营系统</a> | 
|---|
|  |  |  | <a class="drop-down-item">智慧场馆运维系统</a> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li> | 
|---|
|  |  |  | <a href="./solution.html">解决方案</a> | 
|---|
|  |  |  | <div class="drop-down"> | 
|---|
|  |  |  | <a class="drop-down-item">数智体育场馆</a> | 
|---|
|  |  |  | <a class="drop-down-item">24H智能场馆</a> | 
|---|
|  |  |  | <a class="drop-down-item">数智体育平台</a> | 
|---|
|  |  |  | <a class="drop-down-item">景区&游乐园</a> | 
|---|
|  |  |  | <a class="drop-down-item">空间智慧管理</a> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                    <div class="drop-down fa">--> | 
|---|
|  |  |  | <!--                        <div class="fa-content">--> | 
|---|
|  |  |  | <!--                            <div class="fa-content-item">--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-label">数智体育场馆 ></div>--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-list">--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/综合体育馆@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>综合体育场馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>智慧软硬件一体化</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/全民健身@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>全民健身中心</span>--> | 
|---|
|  |  |  | <!--                                            <span>动态调度优体验</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/校园@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>校园体育场馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>体验升级助力教学</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/冰雪馆@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>冰雪体育场馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>智管增效协同管理</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/游泳馆@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>游泳体育场馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>保障安全智控赋能</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/体育公园@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>智慧体育公园</span>--> | 
|---|
|  |  |  | <!--                                            <span>全天候智慧运动空间</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                            </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                            <div class="fa-content-item">--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-label">24H智能场馆 ></div>--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-list">--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/24h场馆@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>24H智能场馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>全天高效智能管控</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/无人值守@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>无人值守场馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>降本增效安全运营</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                            </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                            <div class="fa-content-item">--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-label">数智体育平台 ></div>--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-list">--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/连锁运营@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>体育连锁运营平台</span>--> | 
|---|
|  |  |  | <!--                                            <span>多场馆精细化管理</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/数智体育@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>省市级数智体育平台</span>--> | 
|---|
|  |  |  | <!--                                            <span>优化资源升级服务</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                            </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                            <div class="fa-content-item">--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-label">景区&游乐园 ></div>--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-list">--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/亲子@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>亲子乐园</span>--> | 
|---|
|  |  |  | <!--                                            <span>数智家庭娱乐中心</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/景区@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>旅游景区</span>--> | 
|---|
|  |  |  | <!--                                            <span>多业态智能经营管理</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                            </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                            <div class="fa-content-item">--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-label">空间智慧管理 ></div>--> | 
|---|
|  |  |  | <!--                                <div class="fa-content-item-list">--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/工人文化宫@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>工人文化宫</span>--> | 
|---|
|  |  |  | <!--                                            <span>数字赋能公共服务</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/工会馆@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>企业工会馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>创新发展数字工会</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <a class="fa-content-item-list-row">--> | 
|---|
|  |  |  | <!--                                        <img src="./assets/icon/文艺演出馆@2x.png" alt="">--> | 
|---|
|  |  |  | <!--                                        <div class="fa-content-item-list-row-info">--> | 
|---|
|  |  |  | <!--                                            <span>文艺演出馆</span>--> | 
|---|
|  |  |  | <!--                                            <span>优化服务跃升效能</span>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | <!--                                    </a>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                    <div class="fa-content-item-list-zw"></div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                            </div>--> | 
|---|
|  |  |  | <!--                        </div>--> | 
|---|
|  |  |  | <!--                    </div>--> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li> | 
|---|
|  |  |  | <a href="./alot.html">Alot物联</a> | 
|---|