提交

MrShi

2025-07-09 de39945b61c0ae3ad0acc39e889514b6c2dddda6

提交

 web/about.html

@@ -97,6 +97,97 @@
                <img src="./assets/images/aboutus_img_zizhi@2x.png" alt="">
            </div>
        </div>
        <div class="index-y">
            <div class="title">覆盖多行业场景 æ»¡è¶³ä¸åŒç”¨æˆ·éœ€æ±‚</div>
            <div class="info">面向各类型体育场馆、休闲娱乐场所提供专业的数智文体旅解决方案，为政府及相关体育机构提供一站式数智体育服务平台和大数据服务</div>
            <div class="index-y-list">
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_tiyuguan.png" alt="">
                    <span>体育场馆</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/solution_img_6@2x.png" alt="">
                    <span>游泳馆</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_tiyugongyuan.png" alt="">
                    <span>体育公园</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_aoti.png" alt="">
                    <span>奥体中心</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_shequ.png" alt="">
                    <span>社区健身房</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_wuren.png" alt="">
                    <span>无人值守球场</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_jianshen.png" alt="">
                    <span>健身俱乐部</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_peixun.png" alt="">
                    <span>体育培训机构</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_xiuxian.png" alt="">
                    <span>休闲娱乐场所</span>
                </div>
                <div class="index-y-list-item">
                    <img src="./assets/images/wufu_ic_xishui.png" alt="">
                    <span>戏水/戏雪乐园</span>
                </div>
            </div>
            <a class="index-fa-btn">
                <span>了解详情</span>
                <img src="./assets/images/btn_ar@2x.png" alt="" />
            </a>
        </div>
        <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
            <div class="title">专业服务 å…¨ç¨‹è·Ÿè¿›</div>
            <div class="info">面向各类型体育场馆、休闲娱乐空间提供专业一站式智慧化解决方案</div>
            <div class="index-y-zy">
                <div class="index-y-zy-item">
                    <div class="index-y-zy-item-tip">
                        <img src="./assets/images/aboutus_ic_1@2x.png" alt="">
                    </div>
                    <div class="index-y-zy-item-img">
                        <img src="./assets/images/fuwu_img_zhichi.png" alt="">
                    </div>
                    <div class="index-y-zy-item-box">
                        <span>应用培训支持</span>
                        <span>基本应用场景培训，快速上手操作使用；
定期线上教学，提升管理人员业务技能；
支持移动学习，商户随时随地咨询培训</span>
                    </div>
                </div>
                <div class="index-y-zy-item">
                    <div class="index-y-zy-item-tip">
                        <img src="./assets/images/aboutus_ic_1@2x.png" alt="">
                    </div>
                    <div class="index-y-zy-item-img">
                        <img src="./assets/images/wufu_ic_zhuanren.png" alt="">
                    </div>
                    <div class="index-y-zy-item-box">
                        <span>专人专项跟进</span>
                        <span>技术团队全程跟进，给予专业帮助；
7*24h维护，保障系统稳定运行；
客服团队全年365天，提供优质服务</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-y" style="background: #F8F9FB;">
            <div class="title">我们的服务</div>
            <div class="info">专业服务 åˆ›é€ ä»·å€¼</div>
            <div class="index-y-fuwu">
                <img src="./assets/images/wufu_ic_liuicheng.png" alt="">
            </div>
        </div>
        <div class="index-y" id="section1">
            <div class="title">渠道合作</div>
            <div class="info">留下您的信息，我们将尽快联系您</div>

 web/alot.html

@@ -442,6 +442,28 @@
                    </div>
                </div>
            </div>
            <div class="index-x-list-item">
                <div class="hz">
                    <div class="hz-info">
                        <div class="hz-info-label">防溺水系统</div>
                        <div class="hz-info-row">
                            <img src="./assets/icon/ic_gou@2x.png" alt="">
                            <span>通过水下全方位监控和人工智能大数据技术为核心，以“自动预警+高效施救+技术防控”的手段保障游泳者的安全</span>
                        </div>
                        <div class="hz-info-row">
                            <img src="./assets/icon/ic_gou@2x.png" alt="">
                            <span>360度可视监控进行全方位查看</span>
                        </div>
                        <div class="hz-info-row">
                            <img src="./assets/icon/ic_gou@2x.png" alt="">
                            <span>溺水超过30秒自动识别，1秒报警</span>
                        </div>
                    </div>
                    <div class="hz-img" style="width: 608px; height: 394px;">
                        <img src="./assets/images/wulian_img_nishui.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer"></div>

 web/assets/about.css

@@ -54,8 +54,7 @@
    height: 16px;
}
.index-y {
    width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    display: flex;
@@ -77,7 +76,8 @@
    margin-top: 18px;
}
.index-y-c {
    width: 100%;
    width: 1200px;
    margin: 0 auto;
    height: 470px;
    display: flex;
    align-items: center;
@@ -120,7 +120,8 @@
    color: #191B1F;
}
.index-y-l {
    width: 100%;
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    align-items: center;
@@ -151,7 +152,8 @@
    color: #191B1F;
}
.index-y-img {
    width: 100%;
    width: 1200px;
    margin: 0 auto;
    height: 1127px;
    margin-top: 50px;
}
@@ -214,3 +216,119 @@
    margin-top: 40px;
    cursor: pointer;
}
.index-y-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.index-y-list-item {
    width: 216px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 38px;
}
.index-y-list-item img {
    width: 216px;
    height: 155px;
}
.index-y-list-item span {
    font-weight: 500;
    font-size: 15px;
    color: #191B1F;
    margin-top: 24px;
}
.index-fa-btn {
    width: 124px;
    height: 46px;
    padding: 12px 20px;
    box-sizing: border-box;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-top: 30px;
}
.index-fa-btn span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.index-fa-btn img {
    width: 16px;
    height: 16px;
}
.index-y-zy {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-y-zy-item {
    width: 585px;
    height: 340px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 2px 14px 0 rgba(223,226,232,0.36);
    border-radius: 8px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: relative;
}
.index-y-zy-item-tip {
    position: absolute;
    bottom: 40px;
    right: 36px;
    width: 37px;
    height: 9px;
}
.index-y-zy-item-tip img {
    width: 100%;
    height: 100%;
}
.index-y-zy-item-img {
    flex-shrink: 0;
    width: 221px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-y-zy-item-img img {
    width: 100%;
    height: 100%;
}
.index-y-zy-item-box {
    flex: 1;
    padding: 50px 36px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.index-y-zy-item-box span:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    color: #222222;
}
.index-y-zy-item-box span:nth-child(2) {
    font-weight: 400;
    font-size: 13px;
    color: #7B7F87;
    margin-top: 13px;
}
.index-y-fuwu {
    width: 1060px;
    height: 143px;
    margin: 0 auto;
    margin-top: 40px;
}

 web/assets/common.css

@@ -77,6 +77,8 @@
    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;
}
@@ -88,9 +90,14 @@
    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%;
@@ -99,6 +106,50 @@
    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;

 web/assets/dynamics.css

@@ -51,15 +51,51 @@
    height: 16px;
}
.index-y {
    width: 100%;
    padding: 60px 0;
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 60px 0;
    display: flex;
    align-content: center;
    justify-content: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.index-y-cate {
    width: 100%;
    margin-bottom: 40px;
}
.index-y-cate-list {
    width: 100%;
    margin-bottom: 26px;
}
.index-y-cate-l {
    width: 100%;
    padding-left: 55px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.index-y-cate-l-val {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
    cursor: pointer;
}
.index-y-cate-l-val:hover {
    color: #FF7900;
}
.index-y-cate-l-val:last-child {
    margin: 0 !important;
}
.index-y-cate-list-label {
    font-weight: 600;
    font-size: 24px;
    color: #191B1F;
    padding-bottom: 11px;
    border-bottom: 1px solid #DFE2E8;
}
.index-y-list {
    width: 1200px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
@@ -79,10 +115,10 @@
}
.item-img {
    flex-shrink: 0;
    width: 360px;
    height: 270px;
    width: 240px;
    height: 180px;
    border-radius: 8px;
    margin-right: 30px;
    margin-right: 24px;
    display: flex;
    align-content: center;
    justify-content: center;
@@ -94,7 +130,7 @@
}
.item-info {
    flex: 1;
    height: 100%;
    height: 180px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
@@ -105,12 +141,12 @@
}
.item-info-top span:nth-child(1) {
    font-weight: 500;
    font-size: 30px;
    font-size: 24px;
    color: #191B1F;
}
.item-info-top span:nth-child(2) {
    font-weight: 400;
    font-size: 16px;
    font-size: 14px;
    color: #333333;
    margin-top: 20px;
}
@@ -130,3 +166,20 @@
    align-items: end;
    justify-content: end;
}
.index-address {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.index-address span:nth-child(1) {
    font-weight: 400;
    font-size: 16px;
    color: #7B7F87;
}
.index-address span:nth-child(2) {
    font-weight: 400;
    font-size: 16px;
    color: #191B1F;
}

 web/assets/dynamics_details.css

@@ -9,13 +9,7 @@
.index-a-tips {
    font-weight: 400;
    font-size: 16px;
    color: #191B1F;
}
.index-a-go {
    font-weight: 400;
    font-size: 16px;
    color: #CCCCCC;
    margin: 0 10px;
    color: #7B7F87;
}
.index-a-tips1 {
    font-weight: 500;
@@ -23,19 +17,16 @@
    color: #191B1F;
}
.index-a-info {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
    box-sizing: border-box;
    flex: 1;
}
.index-a-info-title {
    font-weight: bold;
    font-size: 50px;
    font-size: 45px;
    color: #191B1F;
}
.index-a-info-date {
    font-weight: 400;
    font-size: 16px;
    font-size: 14px;
    color: #7B7F87;
    margin-top: 20px;
}
@@ -48,3 +39,45 @@
.index-a-info-content {

}
.index-a-hz {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.index-y-cate {
    width: 100%;
    margin-bottom: 40px;
}
.index-y-cate-list {
    width: 100%;
    margin-bottom: 26px;
}
.index-y-cate-l {
    width: 100%;
    padding-left: 55px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.index-y-cate-l-val {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
    cursor: pointer;
}
.index-y-cate-l-val:hover {
    color: #FF7900;
}
.index-y-cate-l-val:last-child {
    margin: 0 !important;
}
.index-y-cate-list-label {
    font-weight: 600;
    font-size: 24px;
    color: #191B1F;
    padding-bottom: 11px;
    border-bottom: 1px solid #DFE2E8;
}

 web/assets/home.css

@@ -584,7 +584,7 @@
  box-sizing: border-box;
}
.swiper-slide img {
  height: 100%;
  width: 100%;
}
.swiper-slide-infos {
  position: absolute;

 web/assets/icon/24h³¡¹Ý@2x.png

 web/assets/icon/aboutus_ic_12@3x.png

 web/assets/icon/home_ic_siyouhua 2@3x.png

 web/assets/icon/home_ic_siyouhua2@3x.png

 web/assets/icon/home_ic_siyouhua@3x.png

 web/assets/icon/home_ic_siyouhua@3x1.png

 web/assets/icon/otaÍŹº.png

 web/assets/icon/shunjian.png

 web/assets/icon/Ç××Ó@2x.png

 web/assets/icon/Ç××Ó¿¨.png

 web/assets/icon/»áÔ±ÓªÏú.png

 web/assets/icon/ÌåÓý¹«Ô°@2x.png

 web/assets/icon/È«Ãñ½¡Éí@2x.png

 web/assets/icon/±ùÑ©¹Ý@2x.png

 web/assets/icon/´óÆÁ¹ÜÀí.png

 web/assets/icon/¿ÍÁ÷·ÖÎö.png

 web/assets/icon/¹¤ÈËÎÄ»¯¹¬@2x.png

 web/assets/icon/¹¤»á¹Ý@2x.png

 web/assets/icon/ÊýÖÇÌåÓý@2x.png

 web/assets/icon/ÎÄÒÕÑݳö¹Ý@2x.png

 web/assets/icon/ÎÞÈËÖµÊØ@2x.png

 web/assets/icon/¾°Çø@2x.png

 web/assets/icon/У԰@2x.png

 web/assets/icon/ÓÎÓ¾¹Ý@2x.png

 web/assets/icon/µã²Í·þÎñ.png

 web/assets/icon/×ÛºÏÌåÓý¹Ý@2x.png

 web/assets/icon/ÈüÊ».png

 web/assets/icon/Á¬ËøÔËÓª@2x.png

 web/assets/images/1.png

 web/assets/images/123.png

 web/assets/images/1w.png

 web/assets/images/2.png

 web/assets/images/2w.png

 web/assets/images/3.png

 web/assets/images/3w.png

 web/assets/images/4w.png

 web/assets/images/background.png

 web/assets/images/ban986ner_solution.png

 web/assets/images/bann123er_solution.png

 web/assets/images/banner_soluti1on.png

 web/assets/images/banner_soluti22on.png

 web/assets/images/banner_solution.png

 web/assets/images/fuwu_img_zhichi.png

 web/assets/images/home_hezuo.png

 web/assets/images/poi.png

 web/assets/images/qwe.png

 web/assets/images/rty.png

 web/assets/images/soluti9on_img1.png

 web/assets/images/solution_img4.png

 web/assets/images/solution_img5.png

 web/assets/images/solution_img6.png

 web/assets/images/solution_img7.png

 web/assets/images/wufu_ic_aoti.png

 web/assets/images/wufu_ic_jianshen.png

 web/assets/images/wufu_ic_liuicheng.png

 web/assets/images/wufu_ic_peixun.png

 web/assets/images/wufu_ic_shequ.png

 web/assets/images/wufu_ic_tiyugongyuan.png

 web/assets/images/wufu_ic_tiyuguan.png

 web/assets/images/wufu_ic_wuren.png

 web/assets/images/wufu_ic_xishui.png

 web/assets/images/wufu_ic_xiuxian.png

 web/assets/images/wufu_ic_youyongguan.png

 web/assets/images/wufu_ic_zhuanren.png

 web/assets/images/wulian_img_nishui.png

 web/assets/images/¾ØÐÎ (1).png

 web/assets/operation.css

@@ -198,3 +198,47 @@
    font-size: 13px;
    color: #191B1F;
}
.index-a-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
.oitem {
    width: 285px;
    height: 177px;
    padding: 24px 26px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 2px 14px 0 #DFE2E8;
    border-radius: 8px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.oitem-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.oitem-left img {
    width: 60px;
    height: 60px;
}
.oitem-left-info {
    display: flex;
    flex-direction: column;
}
.oitem-left-info span:nth-child(1) {
    font-weight: bold;
    font-size: 18px;
    color: #191B1F;
}
.oitem-left-info span:nth-child(2) {
    font-weight: 400;
    font-size: 12px;
    color: #7B7F87;
}

 web/assets/solution-meadowlands.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,233 @@

.index-banner {
    width: 100%;
    height: 800px;
    background-image: url("../assets/images/banner_soluti1on.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.index-banner-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.index-banner-c-a {
    font-weight: bold;
    font-size: 60px;
    color: #191B1F;
    margin-bottom: 12px;
}
.index-banner-c-b {
    font-weight: 400;
    font-size: 16px;
    color: #191B1F;
    margin-bottom: 50px;
}
.index-banner-c-c {
    width: 124px;
    height: 46px;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
    border-radius: 30px;
    cursor: pointer;
    transition: .5s;
}
.index-banner-c-c:hover {
    background: #FF8C24;
}
.index-banner-c-c span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 5px;
}
.index-banner-c-c img {
    width: 16px;
    height: 16px;
}
.index-y {
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.title {
    font-weight: 600;
    font-size: 32px;
    color: #191B1F;
}
.info {
    width: 1124px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #7B7F87;
    margin-top: 18px;
}
.index-y-img {
    width: 1200px;
    margin-top: 40px;
    height: 679px;
}
.index-y-img img {
    width: 100%;
    height: 100%;
}
.index-y-l {
    width: 1200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.index-y-l-item {
    width: 590px;
    height: 300px;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}
.index-y-l-item:hover .l-item-box {
    bottom: 30px;
}
.index-y-l-item:hover .index-y-l-item-info {
    opacity: 1;
}
.index-y-l-item:hover .l-item-zz {
    bottom: 0;
}
.l-item-box {
    width: calc(100% - 60px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    z-index: 3;
    bottom: -10px;
    left: 30px;
    transition: .5s;
}
.l-item-zz {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 2;
    transition: .3s;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    border-radius: 8px;
}
.index-y-l-item-title {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-y-l-item-x {
    width: 36px;
    height: 4px;
    background: #FF7900;
    border-radius: 2px;
    margin-top: 10px;
}
.index-y-l-item-info {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
    opacity: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-a-nr {
    width: 1200px;
    height: 484px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.index-a-nr-left {
    flex-shrink: 0;
}
.index-a-nr-right {
    width: 676px;
    height: 380px;
}
.index-a-nr-right img {
    width: 100%;
    height: 100%;
}
.index-a-nr-left-list {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.index-a-nr-left-list_item {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 18px;
}
.index-a-nr-left-list_item img {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
}
.index-a-nr-left-list_item span {
    font-weight: 400;
    font-size: 13px;
    color: #191B1F;
}
.index-fa-btn {
    width: 124px;
    height: 46px;
    padding: 12px 20px;
    box-sizing: border-box;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: .5s;
}
.index-fa-btn:hover {
    background: #FF8C24;
}
.index-fa-btn span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.index-fa-btn img {
    width: 16px;
    height: 16px;
}

 web/assets/solution-scenicSpot.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,233 @@

.index-banner {
    width: 100%;
    height: 800px;
    background-image: url("../assets/images/ban986ner_solution.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.index-banner-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.index-banner-c-a {
    font-weight: bold;
    font-size: 60px;
    color: #191B1F;
    margin-bottom: 12px;
}
.index-banner-c-b {
    font-weight: 400;
    font-size: 16px;
    color: #191B1F;
    margin-bottom: 50px;
}
.index-banner-c-c {
    width: 124px;
    height: 46px;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
    border-radius: 30px;
    cursor: pointer;
    transition: .5s;
}
.index-banner-c-c:hover {
    background: #FF8C24;
}
.index-banner-c-c span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 5px;
}
.index-banner-c-c img {
    width: 16px;
    height: 16px;
}
.index-y {
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.title {
    font-weight: 600;
    font-size: 32px;
    color: #191B1F;
}
.info {
    width: 1124px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #7B7F87;
    margin-top: 18px;
}
.index-y-img {
    width: 1200px;
    margin-top: 40px;
    height: 679px;
}
.index-y-img img {
    width: 100%;
    height: 100%;
}
.index-y-l {
    width: 1200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.index-y-l-item {
    width: 590px;
    height: 300px;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}
.index-y-l-item:hover .l-item-box {
    bottom: 30px;
}
.index-y-l-item:hover .index-y-l-item-info {
    opacity: 1;
}
.index-y-l-item:hover .l-item-zz {
    bottom: 0;
}
.l-item-box {
    width: calc(100% - 60px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    z-index: 3;
    bottom: -10px;
    left: 30px;
    transition: .5s;
}
.l-item-zz {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 2;
    transition: .3s;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    border-radius: 8px;
}
.index-y-l-item-title {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-y-l-item-x {
    width: 36px;
    height: 4px;
    background: #FF7900;
    border-radius: 2px;
    margin-top: 10px;
}
.index-y-l-item-info {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
    opacity: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-a-nr {
    width: 1200px;
    height: 484px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.index-a-nr-left {
    flex-shrink: 0;
}
.index-a-nr-right {
    width: 676px;
    height: 380px;
}
.index-a-nr-right img {
    width: 100%;
    height: 100%;
}
.index-a-nr-left-list {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.index-a-nr-left-list_item {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 18px;
}
.index-a-nr-left-list_item img {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
}
.index-a-nr-left-list_item span {
    font-weight: 400;
    font-size: 13px;
    color: #191B1F;
}
.index-fa-btn {
    width: 124px;
    height: 46px;
    padding: 12px 20px;
    box-sizing: border-box;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: .5s;
}
.index-fa-btn:hover {
    background: #FF8C24;
}
.index-fa-btn span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.index-fa-btn img {
    width: 16px;
    height: 16px;
}

 web/assets/solution-space.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,233 @@

.index-banner {
    width: 100%;
    height: 800px;
    background-image: url("../assets/images/banner_soluti22on.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.index-banner-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.index-banner-c-a {
    font-weight: bold;
    font-size: 60px;
    color: #191B1F;
    margin-bottom: 12px;
}
.index-banner-c-b {
    font-weight: 400;
    font-size: 16px;
    color: #191B1F;
    margin-bottom: 50px;
}
.index-banner-c-c {
    width: 124px;
    height: 46px;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
    border-radius: 30px;
    cursor: pointer;
    transition: .5s;
}
.index-banner-c-c:hover {
    background: #FF8C24;
}
.index-banner-c-c span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 5px;
}
.index-banner-c-c img {
    width: 16px;
    height: 16px;
}
.index-y {
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.title {
    font-weight: 600;
    font-size: 32px;
    color: #191B1F;
}
.info {
    width: 1124px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #7B7F87;
    margin-top: 18px;
}
.index-y-img {
    width: 1200px;
    margin-top: 40px;
    height: 679px;
}
.index-y-img img {
    width: 100%;
    height: 100%;
}
.index-y-l {
    width: 1200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.index-y-l-item {
    width: 386px;
    height: 300px;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}
.index-y-l-item:hover .l-item-box {
    bottom: 30px;
}
.index-y-l-item:hover .index-y-l-item-info {
    opacity: 1;
}
.index-y-l-item:hover .l-item-zz {
    bottom: 0;
}
.l-item-box {
    width: calc(100% - 60px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    z-index: 3;
    bottom: -10px;
    left: 30px;
    transition: .5s;
}
.l-item-zz {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 2;
    transition: .3s;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    border-radius: 8px;
}
.index-y-l-item-title {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-y-l-item-x {
    width: 36px;
    height: 4px;
    background: #FF7900;
    border-radius: 2px;
    margin-top: 10px;
}
.index-y-l-item-info {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
    opacity: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-a-nr {
    width: 1200px;
    height: 484px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.index-a-nr-left {
    flex-shrink: 0;
}
.index-a-nr-right {
    width: 676px;
    height: 380px;
}
.index-a-nr-right img {
    width: 100%;
    height: 100%;
}
.index-a-nr-left-list {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.index-a-nr-left-list_item {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 18px;
}
.index-a-nr-left-list_item img {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
}
.index-a-nr-left-list_item span {
    font-weight: 400;
    font-size: 13px;
    color: #191B1F;
}
.index-fa-btn {
    width: 124px;
    height: 46px;
    padding: 12px 20px;
    box-sizing: border-box;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: .5s;
}
.index-fa-btn:hover {
    background: #FF8C24;
}
.index-fa-btn span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.index-fa-btn img {
    width: 16px;
    height: 16px;
}

 web/assets/solution-sport.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,233 @@

.index-banner {
    width: 100%;
    height: 800px;
    background-image: url("../assets/images/bann123er_solution.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.index-banner-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.index-banner-c-a {
    font-weight: bold;
    font-size: 60px;
    color: #191B1F;
    margin-bottom: 12px;
}
.index-banner-c-b {
    font-weight: 400;
    font-size: 16px;
    color: #191B1F;
    margin-bottom: 50px;
}
.index-banner-c-c {
    width: 124px;
    height: 46px;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
    border-radius: 30px;
    cursor: pointer;
    transition: .5s;
}
.index-banner-c-c:hover {
    background: #FF8C24;
}
.index-banner-c-c span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 5px;
}
.index-banner-c-c img {
    width: 16px;
    height: 16px;
}
.index-y {
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.title {
    font-weight: 600;
    font-size: 32px;
    color: #191B1F;
}
.info {
    width: 1124px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #7B7F87;
    margin-top: 18px;
}
.index-y-img {
    width: 1200px;
    margin-top: 40px;
    height: 679px;
}
.index-y-img img {
    width: 100%;
    height: 100%;
}
.index-y-l {
    width: 1200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.index-y-l-item {
    width: 590px;
    height: 300px;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}
.index-y-l-item:hover .l-item-box {
    bottom: 30px;
}
.index-y-l-item:hover .index-y-l-item-info {
    opacity: 1;
}
.index-y-l-item:hover .l-item-zz {
    bottom: 0;
}
.l-item-box {
    width: calc(100% - 60px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    z-index: 3;
    bottom: -10px;
    left: 30px;
    transition: .5s;
}
.l-item-zz {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 2;
    transition: .3s;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    border-radius: 8px;
}
.index-y-l-item-title {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-y-l-item-x {
    width: 36px;
    height: 4px;
    background: #FF7900;
    border-radius: 2px;
    margin-top: 10px;
}
.index-y-l-item-info {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
    opacity: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
.index-a-nr {
    width: 1200px;
    height: 484px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.index-a-nr-left {
    flex-shrink: 0;
}
.index-a-nr-right {
    width: 676px;
    height: 380px;
}
.index-a-nr-right img {
    width: 100%;
    height: 100%;
}
.index-a-nr-left-list {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.index-a-nr-left-list_item {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 18px;
}
.index-a-nr-left-list_item img {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
}
.index-a-nr-left-list_item span {
    font-weight: 400;
    font-size: 13px;
    color: #191B1F;
}
.index-fa-btn {
    width: 124px;
    height: 46px;
    padding: 12px 20px;
    box-sizing: border-box;
    background: #FF7900;
    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: .5s;
}
.index-fa-btn:hover {
    background: #FF8C24;
}
.index-fa-btn span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.index-fa-btn img {
    width: 16px;
    height: 16px;
}

 web/assets/solution.css

@@ -2,7 +2,7 @@
.index-banner {
    width: 100%;
    height: 800px;
    background-image: url("../assets/images/ban3ner_home@2x.png");
    background-image: url("../assets/images/banner_solution.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

 web/components/footer.html

@@ -88,6 +88,8 @@
        }
        .footer-c {
            width: 100%;
            padding-bottom: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            background: #2E333A;
@@ -169,16 +171,32 @@
        }
        .footer-c-info {
            width: 100%;
            height: 79px;
            line-height: 79px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-weight: 400;
            font-size: 14px;
            font-size: 12px;
            color: #7B7F87;
        }
        .footer-c-info a {
            font-weight: 400;
            font-size: 14px;
            font-size: 12px;
            color: #7B7F87;
        }
        .footer-c-url {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 12px;
            color: #7B7F87;
            margin-top: 15px;
        }
        .footer-c-url a {
            font-weight: 400;
            font-size: 12px;
            color: #7B7F87;
        }
    </style>
@@ -226,13 +244,20 @@
                        <div class="footer-c-n-item-label">解决方案</div>
                    </div>
                    <div class="footer-c-n-item">
                        <div class="footer-c-n-item-label">联系我们</div>
                        <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
                        <div class="footer-c-n-item-row" id="phone"></div>
                        <div class="footer-c-n-item-row" id="serviceDate"></div>
                        <div class="footer-c-n-item-row" id="companyAddr"></div>
                        <div class="footer-c-n-item-label">荣誉资质</div>
                    </div>
                    <div class="footer-c-n-item">
                        <div class="footer-c-n-item-label">联系我们</div>
                        <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
                        <div class="footer-c-n-item-row" style="color:#E5E5E5;" id="phone1"></div>
                        <div class="footer-c-n-item-row" style="color:#E5E5E5;" id="serviceDate"></div>
                        <div class="footer-c-n-item-row" style="color:#E5E5E5;" id="companyAddr"></div>
                    </div>
                    <div class="footer-c-n-item1" style="display: flex; align-items: center; justify-content: space-between; width: 279px;">
                        <div class="footer-c-n-item-qrcode">
                            <img src="" id="qrcode" />
                            <span>微信扫码免费试用</span>
                        </div>
                        <div class="footer-c-n-item-qrcode">
                            <img src="" id="qrcode" />
                            <span>微信扫码免费试用</span>
@@ -240,7 +265,16 @@
                    </div>
                </div>
            </div>
            <div class="footer-c-url">
                <a href="">阿里巴巴</a>&nbsp;|&nbsp;
                <a href="">豆米科技</a>&nbsp;|&nbsp;
                <a href="">支付宝</a>&nbsp;|&nbsp;
                <a href="">阿里云盘</a>
            </div>
            <div class="footer-c-info" id="footerInfo"></div>
            <div class="footer-c-info">
                å¦‚有问题请联系邮箱：qhb@doumee.com
            </div>
        </div>
    </div>
    <script>
@@ -280,7 +314,7 @@
                    console.log(res)
                    $('#companyAddr').text('公司地址：' + res.data.address)
                    $('#serviceDate').text('服务时间：' + res.data.serverTime)
                    $('#phone').text('联系手机：' + res.data.linkMobile)
                    $('#phone1').text('联系手机：' + res.data.linkMobile)
                    $('#linkPhone').text(res.data.linkPhone)
                    $('#footerInfo').text(res.data.footWords)
                    $('#qrcode').attr('src', res.data.footFullImgUrl)

 web/components/nav.html

@@ -37,6 +37,9 @@
            line-height: 70px;
            position: relative;
        }
        ul li:hover .drop-down {
            display: block;
        }
        ul li:last-child {
            margin: 0 !important;
        }
@@ -49,6 +52,109 @@
            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;
@@ -80,9 +186,174 @@
                </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>

 web/dynamics.html

@@ -64,8 +64,46 @@
                </div>
            </div>
        </div>
        <div class="index-address">
            <span>首页&nbsp;></span>
            <span>&nbsp;最新动态</span>
        </div>
        <div class="index-y">
            <div class="index-y-list" id="list"></div>
            <div style="margin-left: 80px;width: 260px;display: flex; flex-direction: column;flex-shrink: 0;">
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">最新动态</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val">行业资讯</a>
                        <a class="index-y-cate-l-val">运营经验</a>
                        <a class="index-y-cate-l-val">行业资讯</a>
                        <a class="index-y-cate-l-val">行业资讯</a>
                    </div>
                </div>
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">公司产品</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val">• æ™ºæ…§åœºé¦†è¿è¥ç³»ç»Ÿ</a>
                        <a class="index-y-cate-l-val">• æ™ºæ…§åœºé¦†è¿ç»´ç³»ç»Ÿ</a>
                    </div>
                </div>
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">解决方案</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val">• æ•°æ™ºä½“育场馆</a>
                        <a class="index-y-cate-l-val">• 24H智能场馆</a>
                        <a class="index-y-cate-l-val">• æ•°æ™ºä½“育平台</a>
                        <a class="index-y-cate-l-val">• æ™¯åŒºæ¸¸ä¹å›­</a>
                        <a class="index-y-cate-l-val">• ç©ºé—´æ™ºæ…§ç®¡ç†</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="fenye">
            <div class="fenye-hz">

 web/dynamics_details.html

@@ -50,16 +50,52 @@
        </div>
        <div style="width: 100%; height: 70px;"></div>
        <div class="index-a">
            <span class="index-a-tips">最新动态</span>
            <span class="index-a-go"> > </span>
            <span class="index-a-tips">首页&nbsp;>&nbsp;最新动态&nbsp;>&nbsp;</span>
            <span class="index-a-tips1">文章详情</span>
        </div>
        <div class="index-a-hz">
        <div class="index-a-info">
            <div class="index-a-info-title"></div>
            <div class="index-a-info-date"></div>
            <div class="index-a-info-x"></div>
            <div class="index-a-info-content"></div>
        </div>
            <div style="margin-left: 80px;width: 260px;display: flex; flex-direction: column;flex-shrink: 0;">
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">最新动态</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val">行业资讯</a>
                        <a class="index-y-cate-l-val">运营经验</a>
                        <a class="index-y-cate-l-val">行业资讯</a>
                        <a class="index-y-cate-l-val">行业资讯</a>
                    </div>
                </div>
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">公司产品</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val">• æ™ºæ…§åœºé¦†è¿è¥ç³»ç»Ÿ</a>
                        <a class="index-y-cate-l-val">• æ™ºæ…§åœºé¦†è¿ç»´ç³»ç»Ÿ</a>
                    </div>
                </div>
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">解决方案</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val">• æ•°æ™ºä½“育场馆</a>
                        <a class="index-y-cate-l-val">• 24H智能场馆</a>
                        <a class="index-y-cate-l-val">• æ•°æ™ºä½“育平台</a>
                        <a class="index-y-cate-l-val">• æ™¯åŒºæ¸¸ä¹å›­</a>
                        <a class="index-y-cate-l-val">• ç©ºé—´æ™ºæ…§ç®¡ç†</a>
                    </div>
                </div>
            </div>
        </div>

        <div id="footer"></div>
    </div>
    <script type="text/javascript">

 web/index.html

@@ -27,28 +27,20 @@
                        <div class="underline"></div>
                    </li>
                    <li>
                        <a href="./intelligent_system.html">智慧系统</a>
                        <a>智慧系统</a>
                        <div class="drop-down">
                            <a class="drop-down-item">智慧场馆运营系统</a>
                            <a class="drop-down-item">智慧场馆运维系统</a>
                            <a href="./intelligent_system.html" class="drop-down-item">智慧场馆运营系统</a>
                            <a href="./operation.html" class="drop-down-item">智慧场馆运维系统</a>
                        </div>
                    </li>
                    <li>
                        <a href="./solution.html">解决方案</a>
                        <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">
                                        <div class="fa-content-item-list-row">
                                            <img src="" alt="">
                                            <div class="fa-content-item-list-row-info">
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <a>解决方案</a>
                        <div class="drop-down">
                            <a href="./solution.html" class="drop-down-item">数智体育场馆</a>
                            <a href="./solution-meadowlands.html" class="drop-down-item">24H智能场馆</a>
                            <a href="./solution-sport.html" class="drop-down-item">数智体育平台</a>
                            <a href="./solution-scenicSpot.html" class="drop-down-item">景区&游乐园</a>
                            <a href="./solution-space.html" class="drop-down-item">空间智慧管理</a>
                        </div>
                    </li>
                    <li>
@@ -710,7 +702,7 @@
                <span>用更好的技术、更优的服务助力场馆实现全场景智能化升级改造</span>
            </div>
            <div class="index-u-c">
                <img src="./assets/images/home_hezuo@2x.png" alt="" />
                <img src="./assets/images/home_hezuo.png" alt="" />
            </div>
        </div>
        <div id="back-to-top">

 web/js/solution-meadowlands.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
$(document).ready(function() {
    // è®¾ç½®å…¬å…±å¯¼èˆªæ 
    // $("#header").load("./components/nav.html");
    // è®¾ç½®å…¬å…±åº•éƒ¨
    $("#footer").load("./components/footer.html");
    // å½“页面滚动到一定距离时显示返回顶部按钮
    $('#back-to-top').fadeOut();
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) { // è¿™é‡Œå¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´æ•°å€¼
            $('#back-to-top').fadeIn(); // æ˜¾ç¤ºæŒ‰é’®
        } else {
            $('#back-to-top').fadeOut(); // éšè—æŒ‰é’®
        }
    });

    // ç‚¹å‡»æŒ‰é’®æ—¶ï¼Œé¡µé¢å¹³æ»‘滚动到顶部
    $('#back-to-top').click(function(event) {
        event.preventDefault(); // é˜»æ­¢é“¾æŽ¥çš„默认行为
        $('html, body').animate({scrollTop: 0}, 800); // é¡µé¢å¹³æ»‘滚动到顶部，800毫秒完成滚动
    });
});

 web/js/solution-scenicSpot.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
$(document).ready(function() {
    // è®¾ç½®å…¬å…±å¯¼èˆªæ 
    // $("#header").load("./components/nav.html");
    // è®¾ç½®å…¬å…±åº•éƒ¨
    $("#footer").load("./components/footer.html");
    // å½“页面滚动到一定距离时显示返回顶部按钮
    $('#back-to-top').fadeOut();
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) { // è¿™é‡Œå¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´æ•°å€¼
            $('#back-to-top').fadeIn(); // æ˜¾ç¤ºæŒ‰é’®
        } else {
            $('#back-to-top').fadeOut(); // éšè—æŒ‰é’®
        }
    });

    // ç‚¹å‡»æŒ‰é’®æ—¶ï¼Œé¡µé¢å¹³æ»‘滚动到顶部
    $('#back-to-top').click(function(event) {
        event.preventDefault(); // é˜»æ­¢é“¾æŽ¥çš„默认行为
        $('html, body').animate({scrollTop: 0}, 800); // é¡µé¢å¹³æ»‘滚动到顶部，800毫秒完成滚动
    });
});

 web/js/solution-space.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
$(document).ready(function() {
    // è®¾ç½®å…¬å…±å¯¼èˆªæ 
    // $("#header").load("./components/nav.html");
    // è®¾ç½®å…¬å…±åº•éƒ¨
    $("#footer").load("./components/footer.html");
    // å½“页面滚动到一定距离时显示返回顶部按钮
    $('#back-to-top').fadeOut();
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) { // è¿™é‡Œå¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´æ•°å€¼
            $('#back-to-top').fadeIn(); // æ˜¾ç¤ºæŒ‰é’®
        } else {
            $('#back-to-top').fadeOut(); // éšè—æŒ‰é’®
        }
    });

    // ç‚¹å‡»æŒ‰é’®æ—¶ï¼Œé¡µé¢å¹³æ»‘滚动到顶部
    $('#back-to-top').click(function(event) {
        event.preventDefault(); // é˜»æ­¢é“¾æŽ¥çš„默认行为
        $('html, body').animate({scrollTop: 0}, 800); // é¡µé¢å¹³æ»‘滚动到顶部，800毫秒完成滚动
    });
});

 web/js/solution-sport.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
$(document).ready(function() {
    // è®¾ç½®å…¬å…±å¯¼èˆªæ 
    // $("#header").load("./components/nav.html");
    // è®¾ç½®å…¬å…±åº•éƒ¨
    $("#footer").load("./components/footer.html");
    // å½“页面滚动到一定距离时显示返回顶部按钮
    $('#back-to-top').fadeOut();
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) { // è¿™é‡Œå¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´æ•°å€¼
            $('#back-to-top').fadeIn(); // æ˜¾ç¤ºæŒ‰é’®
        } else {
            $('#back-to-top').fadeOut(); // éšè—æŒ‰é’®
        }
    });

    // ç‚¹å‡»æŒ‰é’®æ—¶ï¼Œé¡µé¢å¹³æ»‘滚动到顶部
    $('#back-to-top').click(function(event) {
        event.preventDefault(); // é˜»æ­¢é“¾æŽ¥çš„默认行为
        $('html, body').animate({scrollTop: 0}, 800); // é¡µé¢å¹³æ»‘滚动到顶部，800毫秒完成滚动
    });
});

 web/operation.html

@@ -180,6 +180,66 @@
            </div>
        </div>

        <div class="index-a" style="background: #ffffff;">
            <div class="index-b-title">豆米跳跳产品系列</div>
            <div class="index-b-info">功能与版本</div>

            <div class="index-a-list">
                <div class="oitem">
                    <div class="oitem-left">
                        <img src="./assets/icon/home_ic_siyouhua@3x.png" alt="" />
                        <div class="oitem-left-info">
                            <span>私有化部署</span>
                            <span>私有服务器存储，杜绝泄露风险</span>
                        </div>
                    </div>
                    <div class="oitem-right">
                        <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
                    </div>
                </div>
                <div class="oitem">
                    <div class="oitem-left">
                        <img src="./assets/icon/home_ic_siyouhua@3x1.png" alt="" />
                        <div class="oitem-left-info">
                            <span>源码</span>
                            <span>提供源码授权，按需二次开发</span>
                        </div>
                    </div>
                    <div class="oitem-right">
                        <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
                    </div>
                </div>
                <div class="oitem">
                    <div class="oitem-left">
                        <img src="./assets/icon/home_ic_siyouhua2@3x.png" alt="" />
                        <div class="oitem-left-info">
                            <span>定制</span>
                            <span>按需“量身打造”，精准匹配业务</span>
                        </div>
                    </div>
                    <div class="oitem-right">
                        <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
                    </div>
                </div>
                <div class="oitem">
                    <div class="oitem-left">
                        <img src="./assets/icon/home_ic_siyouhua 2@3x.png" alt="" />
                        <div class="oitem-left-info">
                            <span>saas服务</span>
                            <span>快速订阅启用，系统自动升级</span>
                        </div>
                    </div>
                    <div class="oitem-right">
                        <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
                    </div>
                </div>
            </div>
            <div class="index-fa-btn" style="margin-top: 60px;">
                <span>立即咨询</span>
                <img src="./assets/images/btn_ar@2x.png" alt="" />
            </div>
        </div>

        <div id="footer"></div>
    </div>
</body>

 web/solution-meadowlands.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决方案-24H智能球馆</title>
    <link rel="stylesheet" href="./assets/common.css">
    <link rel="stylesheet" href="./assets/solution-meadowlands.css">
    <link rel="stylesheet" href="./assets/animate.css">
    <link rel="stylesheet" href="./assets/animate.min.css">
    <link rel="stylesheet" href="./assets/swiper.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/solution-meadowlands.js"></script>
    <script src="./js/selectFilter.js"></script>
    <link rel="stylesheet" href="./assets/selectFilter.css">
</head>
<body>
<div class="index">
    <div id="back-to-top">
        <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
    </div>
    <div id="header">
        <div class="nav">
            <div class="nav-logo">
                <img src="./assets/images/top_logo@2x.png" alt="logo">
            </div>
            <ul>
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./intelligent_system.html">智慧系统</a>
                </li>
                <li>
                    <a href="./solution.html">解决方案</a>
                    <div class="underline"></div>
                </li>
                <li>
                    <a href="./alot.html">Alot物联</a>
                </li>
                <li>
                    <a href="./dynamics.html">最新动态</a>
                </li>
                <li>
                    <a href="./about.html">关于我们</a>
                </li>
                <li>
                    <a href="./about.html#section1">渠道合作</a>
                </li>
            </ul>
            <a href="./about.html#section1" class="nav-btn">免费试用</a>
        </div>
    </div>
    <div style="width: 100%; height: 70px;"></div>
    <div class="index-banner">
        <div class="index-banner-c">
            <div class="index-banner-c-a">24H解放空间效能 æ™ºå¯æ— äººå€¼å®ˆæ—¶ä»£</div>
            <div class="index-banner-c-b">物联应用 æ‰“造24H智能场馆</div>
            <div class="index-banner-c-c">
                <span>咨询详情</span>
                <img src="./assets/images/btn_ar@2x.png" alt="">
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">物联应用 æ‰“造24H智能场馆</div>
        <div class="info">现代生活节奏的加快催生碎片化运动需求，消费者对便捷、高效、自助式服务和全时段灵活健身的需求增加。与此同时，传统球馆受限于人工成本，只能在特定时间段内开放造成场地资源闲置。24H智能场馆依托智慧场馆系统和物联设备的高效协同，满足各方需求，从而节省人力成本、提高场馆经营效率、提升用户运动体验。</div>
        <div class="index-y-img">
            <img src="./assets/images/background.png" alt="" />
        </div>
    </div>
    <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
        <div class="title">24H智能场馆应用场景</div>
        <div class="info">会员通过小程序在线预约订场，自助核验入场、签到、运动锻炼等，满足更多场景需求</div>
        <div class="index-y-l">
            <div class="index-y-l-item" style="background-image: url('./assets/images/2w.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">24H智能球场</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">依托智慧场馆系统和门禁、消课机、智能电控、储物柜等物联设备，实现场馆全天候运营</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
            <div class="index-y-l-item" style="background-image: url('./assets/images/1w.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">无人值守场馆</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">通过智能物联与AI监控等，实现设施智能管控及安全预警，在降本增效同时保障安全运营。</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">24H智能场馆解决方案</div>
        <div class="info">基于场馆系统和物联设备协同，实现场馆的自动化管理和无人值守运营</div>
        <div class="index-a-nr">
            <div class="index-a-nr-left">
                <div class="index-a-nr-left-list">
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/场地预定@2x.png" alt="">
                        <span>预约预定</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/场区场地@2x.png" alt="">
                        <span>场地管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/门票售卖@2x.png" alt="">
                        <span>票务管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/会员管理@2x.png" alt="">
                        <span>会员管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/套餐管理@2x.png" alt="">
                        <span>套餐卡券</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/设备管理@2x.png" alt="">
                        <span>智联硬件</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/器材租赁@2x.png" alt="">
                        <span>器材租赁</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/商品管理@2x.png" alt="">
                        <span>商品管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/财务管理@2x.png" alt="">
                        <span>财务管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/积分商城@2x.png" alt="">
                        <span>积分商城</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/通知公告@2x.png" alt="">
                        <span>通知公告</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/日常管理@2x.png" alt="">
                        <span>教培管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/我的约球@2x.png" alt="">
                        <span>约球拼场</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/shunjian.png" alt="">
                        <span>精彩瞬间</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/统计分析@2x.png" alt="">
                        <span>客流分析</span>
                    </div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                </div>
                <div class="index-fa-btn" style="margin: 0;">
                    <span>咨询详情</span>
                    <img src="./assets/images/btn_ar@2x.png" alt="" />
                </div>
            </div>
            <div class="index-a-nr-right">
                <img src="./assets/images/solution_img4.png" alt="" />
            </div>
        </div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

 web/solution-scenicSpot.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决方案-数智体育平台</title>
    <link rel="stylesheet" href="./assets/common.css">
    <link rel="stylesheet" href="./assets/solution-scenicSpot.css">
    <link rel="stylesheet" href="./assets/animate.css">
    <link rel="stylesheet" href="./assets/animate.min.css">
    <link rel="stylesheet" href="./assets/swiper.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/solution-scenicSpot.js"></script>
    <script src="./js/selectFilter.js"></script>
    <link rel="stylesheet" href="./assets/selectFilter.css">
</head>
<body>
<div class="index">
    <div id="back-to-top">
        <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
    </div>
    <div id="header">
        <div class="nav">
            <div class="nav-logo">
                <img src="./assets/images/top_logo@2x.png" alt="logo">
            </div>
            <ul>
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./intelligent_system.html">智慧系统</a>
                </li>
                <li>
                    <a href="./solution.html">解决方案</a>
                    <div class="underline"></div>
                </li>
                <li>
                    <a href="./alot.html">Alot物联</a>
                </li>
                <li>
                    <a href="./dynamics.html">最新动态</a>
                </li>
                <li>
                    <a href="./about.html">关于我们</a>
                </li>
                <li>
                    <a href="./about.html#section1">渠道合作</a>
                </li>
            </ul>
            <a href="./about.html#section1" class="nav-btn">免费试用</a>
        </div>
    </div>
    <div style="width: 100%; height: 70px;"></div>
    <div class="index-banner">
        <div class="index-banner-c">
            <div class="index-banner-c-a">数字激活乐园潜能 æ™ºæ…§æž„筑景区生态</div>
            <div class="index-banner-c-b">全域智旅 æ™¯åŒºä¹å›­å¤šä¸šæ€ä¸€ä½“化经营</div>
            <div class="index-banner-c-c">
                <span>咨询详情</span>
                <img src="./assets/images/btn_ar@2x.png" alt="">
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">全域智旅 æ™¯åŒºä¹å›­å¤šä¸šæ€ä¸€ä½“化经营</div>
        <div class="info">传统景区乐园大多存在业态单一、营销渠道单一、数据管理混乱、消费供给不足等问题，造成内部管理困难，资源浪费等。智慧场馆系统深度融合景区票务、零售、餐饮、娱乐、住宿等多业态，智能调度实现资源动态配置和营销管理，驱动文旅产业向线上线下多业态一体化的运营管理模式升级</div>
        <div class="index-y-img">
            <img src="./assets/images/123.png" alt="" />
        </div>
    </div>
    <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
        <div class="title">景区&游乐园应用场景</div>
        <div class="info">通过对景区&游乐园的智慧化建设使管理、服务、营销更优质便捷</div>
        <div class="index-y-l">
            <div class="index-y-l-item" style="background-image: url('./assets/images/qwe.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">亲子乐园</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">构建全场景智能服务生态，助力乐园从单一娱乐空间升级为数智化家庭娱乐服务中心</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
            <div class="index-y-l-item" style="background-image: url('./assets/images/rty.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">旅游景区</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">整合景区多业态资源，促进旅游服务向生态化、智能化的综合业态经营管理模式升级。</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">景区&游乐园解决方案</div>
        <div class="info">提供一体化运营管理系统，赋能景区&乐园数字化升级转型</div>
        <div class="index-a-nr">
            <div class="index-a-nr-left">
                <div class="index-a-nr-left-list">
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/门票售卖@2x.png" alt="">
                        <span>票务管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/会员管理@2x.png" alt="">
                        <span>会员管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/会员营销.png" alt="">
                        <span>会员营销</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/套餐配置@2x.png" alt="">
                        <span>套餐卡券</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/亲子卡.png" alt="">
                        <span>亲子卡</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/设备管理@2x.png" alt="">
                        <span>智联硬件</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/商品管理@2x.png" alt="">
                        <span>商品管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/财务管理@2x.png" alt="">
                        <span>财务报表</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/点餐服务.png" alt="">
                        <span>点餐服务</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/ota团购.png" alt="">
                        <span>OTA团购</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/通知公告@2x.png" alt="">
                        <span>通知公告</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/积分商城@2x.png" alt="">
                        <span>积分商城</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/客流分析.png" alt="">
                        <span>客流分析</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/大屏管理.png" alt="">
                        <span>大屏管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/统计分析@2x.png" alt="">
                        <span>数据统计</span>
                    </div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                </div>
                <div class="index-fa-btn" style="margin: 0;">
                    <span>咨询详情</span>
                    <img src="./assets/images/btn_ar@2x.png" alt="" />
                </div>
            </div>
            <div class="index-a-nr-right">
                <img src="./assets/images/solution_img6.png" alt="" />
            </div>
        </div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

 web/solution-space.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决方案-空间智慧管理</title>
    <link rel="stylesheet" href="./assets/common.css">
    <link rel="stylesheet" href="./assets/solution-space.css">
    <link rel="stylesheet" href="./assets/animate.css">
    <link rel="stylesheet" href="./assets/animate.min.css">
    <link rel="stylesheet" href="./assets/swiper.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/solution-space.js"></script>
    <script src="./js/selectFilter.js"></script>
    <link rel="stylesheet" href="./assets/selectFilter.css">
</head>
<body>
<div class="index">
    <div id="back-to-top">
        <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
    </div>
    <div id="header">
        <div class="nav">
            <div class="nav-logo">
                <img src="./assets/images/top_logo@2x.png" alt="logo">
            </div>
            <ul>
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./intelligent_system.html">智慧系统</a>
                </li>
                <li>
                    <a href="./solution.html">解决方案</a>
                    <div class="underline"></div>
                </li>
                <li>
                    <a href="./alot.html">Alot物联</a>
                </li>
                <li>
                    <a href="./dynamics.html">最新动态</a>
                </li>
                <li>
                    <a href="./about.html">关于我们</a>
                </li>
                <li>
                    <a href="./about.html#section1">渠道合作</a>
                </li>
            </ul>
            <a href="./about.html#section1" class="nav-btn">免费试用</a>
        </div>
    </div>
    <div style="width: 100%; height: 70px;"></div>
    <div class="index-banner">
        <div class="index-banner-c">
            <div class="index-banner-c-a">延展空间价值 æ™ºåˆ›æœåŠ¡æ–°ç¯‡</div>
            <div class="index-banner-c-b">科技赋能 æ™ºåˆ›æœåŠ¡ç©ºé—´æ–°èŒƒå¼</div>
            <div class="index-banner-c-c">
                <span>咨询详情</span>
                <img src="./assets/images/btn_ar@2x.png" alt="">
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">科技赋能 æ™ºåˆ›æœåŠ¡ç©ºé—´æ–°èŒƒå¼</div>
        <div class="info">利用信息化、数字化技术，针对不同空间场景结合具体的需求进行立体化、智能化管理与应用，整合多功能空间的设备、人流、运动数据、营销促活、安全预警等，打造可感、可控的立体交互智慧空间，构建“空间即服务”的数字化运营体系</div>
        <div class="index-y-img">
            <img src="./assets/images/矩形 (1).png" alt="" />
        </div>
    </div>
    <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
        <div class="title">空间智慧管理应用场景</div>
        <div class="info">优化空间资源配置，让管理精细化、运营数据化、体验智能化</div>
        <div class="index-y-l">
            <div class="index-y-l-item" style="background-image: url('./assets/images/1.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">工人文化宫</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">构建数字化、智能化公共服务平台，提升空间管理效率和服务质量，为各项业务提供便利</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
            <div class="index-y-l-item" style="background-image: url('./assets/images/2.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">企业工会馆</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">落实数字工会生态一体化建设目标，满足企业职工个性化需求，推动工会工作创新发展。</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
            <div class="index-y-l-item" style="background-image: url('./assets/images/3.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">文艺演出馆</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">通过对环境设施、服务方式、运营管理进行智慧化升级，提升空间运行管理和服务效能。</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">空间智慧管理解决方案</div>
        <div class="info">通过物联网与大数据技术，智能调控空间资源和空间管理</div>
        <div class="index-a-nr">
            <div class="index-a-nr-left">
                <div class="index-a-nr-left-list">
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/门票售卖@2x.png" alt="">
                        <span>票务管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/会员管理@2x.png" alt="">
                        <span>会员管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/会员营销.png" alt="">
                        <span>会员营销</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/套餐配置@2x.png" alt="">
                        <span>套餐卡券</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/亲子卡.png" alt="">
                        <span>亲子卡</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/设备管理@2x.png" alt="">
                        <span>智联硬件</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/商品管理@2x.png" alt="">
                        <span>商品管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/财务管理@2x.png" alt="">
                        <span>财务报表</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/点餐服务.png" alt="">
                        <span>点餐服务</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/ota团购.png" alt="">
                        <span>OTA团购</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/通知公告@2x.png" alt="">
                        <span>通知公告</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/积分商城@2x.png" alt="">
                        <span>积分商城</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/赛事活动.png" alt="">
                        <span>赛事活动</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/大屏管理.png" alt="">
                        <span>大屏管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/统计分析@2x.png" alt="">
                        <span>数据统计</span>
                    </div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                </div>
                <div class="index-fa-btn" style="margin: 0;">
                    <span>咨询详情</span>
                    <img src="./assets/images/btn_ar@2x.png" alt="" />
                </div>
            </div>
            <div class="index-a-nr-right">
                <img src="./assets/images/solution_img7.png" alt="" />
            </div>
        </div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

 web/solution-sport.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决方案-景区&游乐园</title>
    <link rel="stylesheet" href="./assets/common.css">
    <link rel="stylesheet" href="./assets/solution-sport.css">
    <link rel="stylesheet" href="./assets/animate.css">
    <link rel="stylesheet" href="./assets/animate.min.css">
    <link rel="stylesheet" href="./assets/swiper.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/solution-sport.js"></script>
    <script src="./js/selectFilter.js"></script>
    <link rel="stylesheet" href="./assets/selectFilter.css">
</head>
<body>
<div class="index">
    <div id="back-to-top">
        <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
    </div>
    <div id="header">
        <div class="nav">
            <div class="nav-logo">
                <img src="./assets/images/top_logo@2x.png" alt="logo">
            </div>
            <ul>
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./intelligent_system.html">智慧系统</a>
                </li>
                <li>
                    <a href="./solution.html">解决方案</a>
                    <div class="underline"></div>
                </li>
                <li>
                    <a href="./alot.html">Alot物联</a>
                </li>
                <li>
                    <a href="./dynamics.html">最新动态</a>
                </li>
                <li>
                    <a href="./about.html">关于我们</a>
                </li>
                <li>
                    <a href="./about.html#section1">渠道合作</a>
                </li>
            </ul>
            <a href="./about.html#section1" class="nav-btn">免费试用</a>
        </div>
    </div>
    <div style="width: 100%; height: 70px;"></div>
    <div class="index-banner">
        <div class="index-banner-c">
            <div class="index-banner-c-a">技术赋能 æ•°æ™ºé©±åŠ¨</div>
            <div class="index-banner-c-b">资源整合 ä¿ƒè¿›ç²¾ç»†åŒ–平台服务</div>
            <div class="index-banner-c-c">
                <span>咨询详情</span>
                <img src="./assets/images/btn_ar@2x.png" alt="">
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">资源整合 ä¿ƒè¿›ç²¾ç»†åŒ–平台服务</div>
        <div class="info">智慧体育管理系统深度整合物联网与AI决策能力，通过数智体育平台实现场馆资源调度、运动数据分析和安全预警保障，赋能场馆运营降本增效，构建一体化、高效协同的体育综合管理体系，让用户获得科学化、个性化的运动体验，推动体育产业由粗放式管理向数据驱动的精细化服务模式演进</div>
        <div class="index-y-img">
            <img src="./assets/images/soluti9on_img1.png" alt="" />
        </div>
    </div>
    <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
        <div class="title">数智体育平台应用场景</div>
        <div class="info">整合体育公共服务资源，放大平台优势，促进全民健身发展</div>
        <div class="index-y-l">
            <div class="index-y-l-item" style="background-image: url('./assets/images/4w.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">体育连锁运营平台</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">通过智能系统实现跨区域多场馆统一管理和会员服务协同，进行场馆精细管控和营销。</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
            <div class="index-y-l-item" style="background-image: url('./assets/images/3w.png')">
                <div class="l-item-box">
                    <div class="index-y-l-item-title">省市级数智体育平台</div>
                    <div class="index-y-l-item-x"></div>
                    <div class="index-y-l-item-info">整合全域场馆数据与公共服务资源进行资源合理配置及健身服务体验升级。</div>
                </div>
                <div class="l-item-zz"></div>
            </div>
        </div>
    </div>
    <div class="index-y">
        <div class="title">24H智能场馆解决方案</div>
        <div class="info">基于场馆系统和物联设备协同，实现场馆的自动化管理和无人值守运营</div>
        <div class="index-a-nr">
            <div class="index-a-nr-left">
                <div class="index-a-nr-left-list">
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/场地预定@2x.png" alt="">
                        <span>预约预定</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/场区场地@2x.png" alt="">
                        <span>场地管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/套餐管理@2x.png" alt="">
                        <span>套餐卡券</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/会员管理@2x.png" alt="">
                        <span>会员管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/伴游卡@2x.png" alt="">
                        <span>伴游卡</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/设备管理@2x.png" alt="">
                        <span>智联硬件</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/商品管理@2x.png" alt="">
                        <span>商品管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/财务管理@2x.png" alt="">
                        <span>财务管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/日常管理@2x.png" alt="">
                        <span>教培管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/专项卡@2x.png" alt="">
                        <span>专项卡</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/通知公告@2x.png" alt="">
                        <span>通知公告</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/积分商城@2x.png" alt="">
                        <span>积分商城</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/赛事活动.png" alt="">
                        <span>赛事活动</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/大屏管理.png" alt="">
                        <span>大屏管理</span>
                    </div>
                    <div class="index-a-nr-left-list_item">
                        <img src="./assets/icon/统计分析@2x.png" alt="">
                        <span>数据统计</span>
                    </div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                    <div style="width: 20%; height: 0;"></div>
                </div>
                <div class="index-fa-btn" style="margin: 0;">
                    <span>咨询详情</span>
                    <img src="./assets/images/btn_ar@2x.png" alt="" />
                </div>
            </div>
            <div class="index-a-nr-right">
                <img src="./assets/images/solution_img5.png" alt="" />
            </div>
        </div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

 web/solution.html

@@ -2,7 +2,7 @@
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决方案</title>
    <title>解决方案-数智场馆</title>
    <link rel="stylesheet" href="./assets/common.css">
    <link rel="stylesheet" href="./assets/solution.css">
    <link rel="stylesheet" href="./assets/animate.css">