瀏覽代碼

更新官网资料

1557492053 1 年之前
父節點
當前提交
df92109036
共有 100 個文件被更改,包括 5404 次插入117 次删除
  1. 3 3
      addons/cms/config.php
  2. 99 21
      addons/cms/view/default/common/layout.html
  3. 32 91
      addons/cms/view/default/index.html
  4. 302 0
      addons/cms/view/default/index2.html
  5. 0 1
      public/41d72ee050d5651220909eef3c234f85.txt
  6. 0 1
      public/ByteDanceVerify.html
  7. 146 0
      public/assets/websize/css/adaptation.css
  8. 782 0
      public/assets/websize/css/charging-station.css
  9. 二進制
      public/assets/websize/css/fonts/fontawesome-webfont.eot
  10. 717 0
      public/assets/websize/css/fonts/fontawesome-webfont.svg
  11. 二進制
      public/assets/websize/css/fonts/fontawesome-webfont.ttf
  12. 二進制
      public/assets/websize/css/fonts/fontawesome-webfont.woff
  13. 二進制
      public/assets/websize/css/fonts/fontawesome-webfont.woff2
  14. 713 0
      public/assets/websize/css/homestay.css
  15. 687 0
      public/assets/websize/css/index-two.css
  16. 595 0
      public/assets/websize/css/index.css
  17. 844 0
      public/assets/websize/css/iot-school.css
  18. 51 0
      public/assets/websize/css/menu.css
  19. 77 0
      public/assets/websize/css/resetcommon.css
  20. 91 0
      public/assets/websize/js/index.js
  21. 4 0
      public/assets/websize/js/jquery.min.js
  22. 202 0
      public/assets/websize/js/jquery.page.js
  23. 二進制
      public/assets/websize/static/Icon.png
  24. 9 0
      public/assets/websize/static/Road.svg
  25. 5 0
      public/assets/websize/static/avatar.svg
  26. 二進制
      public/assets/websize/static/back-image.png
  27. 二進制
      public/assets/websize/static/carousel/cimg1.png
  28. 二進制
      public/assets/websize/static/carousel/new0.jpg
  29. 二進制
      public/assets/websize/static/carousel/new1.png
  30. 二進制
      public/assets/websize/static/chargingStation/img1.png
  31. 二進制
      public/assets/websize/static/chargingStation/img2.png
  32. 二進制
      public/assets/websize/static/chargingStation/img3.jpg
  33. 二進制
      public/assets/websize/static/chargingStation/img4.jpg
  34. 二進制
      public/assets/websize/static/chargingStation/img5.png
  35. 二進制
      public/assets/websize/static/chargingStation/img6.png
  36. 二進制
      public/assets/websize/static/chargingStation/img7.png
  37. 二進制
      public/assets/websize/static/exhibition-icon.png
  38. 二進制
      public/assets/websize/static/exhibition-img.png
  39. 二進制
      public/assets/websize/static/fold-icon.png
  40. 二進制
      public/assets/websize/static/homestay/img1.png
  41. 二進制
      public/assets/websize/static/homestay/img2.png
  42. 二進制
      public/assets/websize/static/homestay/img3.png
  43. 二進制
      public/assets/websize/static/homestay/img4.png
  44. 二進制
      public/assets/websize/static/homestay/img5.png
  45. 二進制
      public/assets/websize/static/homestay/img6.jpg
  46. 二進制
      public/assets/websize/static/homestay/img7.jpg
  47. 二進制
      public/assets/websize/static/homestay/img8.jpg
  48. 1 0
      public/assets/websize/static/icon/address.svg
  49. 1 0
      public/assets/websize/static/icon/cdz.svg
  50. 二進制
      public/assets/websize/static/icon/heart-fill.png
  51. 1 0
      public/assets/websize/static/icon/minsu.svg
  52. 1 0
      public/assets/websize/static/icon/phone.svg
  53. 3 0
      public/assets/websize/static/icon/search.svg
  54. 二進制
      public/assets/websize/static/icon/sina-weibo.png
  55. 二進制
      public/assets/websize/static/icon/star-fill.png
  56. 二進制
      public/assets/websize/static/icon/tencent-qq.png
  57. 二進制
      public/assets/websize/static/icon/wechat.png
  58. 1 0
      public/assets/websize/static/icon/xunj.svg
  59. 二進制
      public/assets/websize/static/index/admin.png
  60. 二進制
      public/assets/websize/static/index/admin2.png
  61. 二進制
      public/assets/websize/static/index/admin3.png
  62. 二進制
      public/assets/websize/static/index/admin4.png
  63. 二進制
      public/assets/websize/static/index/admin5.jpg
  64. 二進制
      public/assets/websize/static/index/admin6.jpg
  65. 二進制
      public/assets/websize/static/index/al.png
  66. 二進制
      public/assets/websize/static/index/aqs.png
  67. 1 0
      public/assets/websize/static/index/dx.svg
  68. 二進制
      public/assets/websize/static/index/fhty.png
  69. 二進制
      public/assets/websize/static/index/hw.png
  70. 1 0
      public/assets/websize/static/index/lt.svg
  71. 二進制
      public/assets/websize/static/index/tx.jpg
  72. 1 0
      public/assets/websize/static/index/yd.svg
  73. 二進制
      public/assets/websize/static/index/yxe.png
  74. 二進制
      public/assets/websize/static/index/zhw.png
  75. 16 0
      public/assets/websize/static/logo-copy.svg
  76. 二進制
      public/assets/websize/static/logo.png
  77. 4 0
      public/assets/websize/static/mailbox.svg
  78. 二進制
      public/assets/websize/static/menu-logo.png
  79. 二進制
      public/assets/websize/static/menu-two.png
  80. 二進制
      public/assets/websize/static/menu.png
  81. 二進制
      public/assets/websize/static/my.png
  82. 二進制
      public/assets/websize/static/my/code.png
  83. 二進制
      public/assets/websize/static/occupy-image.png
  84. 二進制
      public/assets/websize/static/parkingLot/img1.png
  85. 二進制
      public/assets/websize/static/parkingLot/img10.png
  86. 二進制
      public/assets/websize/static/parkingLot/img2.png
  87. 二進制
      public/assets/websize/static/parkingLot/img3.png
  88. 二進制
      public/assets/websize/static/parkingLot/img4.png
  89. 二進制
      public/assets/websize/static/parkingLot/img5.png
  90. 二進制
      public/assets/websize/static/parkingLot/img6.png
  91. 二進制
      public/assets/websize/static/parkingLot/img7.png
  92. 二進制
      public/assets/websize/static/parkingLot/img8.png
  93. 二進制
      public/assets/websize/static/parkingLot/img9.png
  94. 4 0
      public/assets/websize/static/point-right-white.svg
  95. 4 0
      public/assets/websize/static/point-right.svg
  96. 3 0
      public/assets/websize/static/scroll-left.svg
  97. 3 0
      public/assets/websize/static/scroll-right.svg
  98. 二進制
      public/assets/websize/static/title-logo.ico
  99. 二進制
      public/assets/websize/static/title-logo.png
  100. 0 0
      public/baidu_verify_codeva-ClpdEFGkE6.html

+ 3 - 3
addons/cms/config.php

@@ -18,7 +18,7 @@ return [
         'title' => '站点名称',
         'type' => 'string',
         'content' => [],
-        'value' => '五五开发',
+        'value' => '哈咪物联',
         'rule' => 'required',
         'msg' => '',
         'tip' => '',
@@ -30,7 +30,7 @@ return [
         'title' => '站点Logo',
         'type' => 'image',
         'content' => [],
-        'value' => '/uploads/20231106/7ed94a173ca29781a722ee262bd6e1d8.png',
+        'value' => '/uploads/20241016/4846d2bc212b0a419504f0dc366d330b.png',
         'rule' => 'required',
         'msg' => '',
         'tip' => '高度50px,宽度建议160px以内',
@@ -66,7 +66,7 @@ return [
         'title' => '首页描述',
         'type' => 'string',
         'content' => [],
-        'value' => '55kaifa.com是一家专业的软件开发与解决方案提供商,致力于为企业提供高质量的定制开发服务。我们拥有丰富的开发经验和先进的技术团队,助您实现业务目标。',
+        'value' => '哈咪物联 是一家专业的软件开发与解决方案提供商,致力于为企业提供高质量的定制开发服务。我们拥有丰富的开发经验和先进的技术团队,助您实现业务目标。',
         'rule' => '',
         'msg' => '',
         'tip' => '',

+ 99 - 21
addons/cms/view/default/common/layout.html

@@ -28,6 +28,13 @@
     <link rel="stylesheet" media="screen" href="__ADDON__/css/iconfont.css?v={$site.version}">
     <link rel="stylesheet" media="screen" href="__ADDON__/css/common.css?v={$site.version}"/>
 
+    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/iot-school.css">
+    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/resetcommon.css">
+    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/homestay.css">
+    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/adaptation.css">
+    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/menu.css">
+    <link rel="icon" href="__CDN__/assets/websize/static/title-logo.ico"/>
+
     <!--分享-->
     <meta property="og:title" content="{cms:config name='cms.title|htmlentities'/}"/>
     <meta property="og:image" content="{cms:config name='cms.image|htmlentities'/}"/>
@@ -42,7 +49,7 @@
 
     {cms:block name="header" field="content" /}
 </head>
-<body class="group-page skin-white">
+<body class="group-page skin-white" style="background-color: #ffffff">
 
 <header class="header">
     <!-- S 导航 -->
@@ -158,31 +165,102 @@
 </main>
 
 <footer>
-    <div id="footer">
-        <div class="container">
-            <div class="row footer-inner">
-                <div class="col-xs-12">
-                    <div class="footer-logo pull-left mr-4">
-                        <a href="{:addon_url('cms/index/index')}"><i class="fa fa-bookmark"></i></a>
-                    </div>
-                    <div class="pull-left">
-                        Copyright&nbsp;©&nbsp;{:date("Y")} All rights reserved. {cms:config name="cms.sitename"/}
-                        <a href="https://beian.miit.gov.cn" target="_blank">{$site.beian|htmlentities}</a>
-
-                        <ul class="list-unstyled list-inline mt-2">
-                            <li><a href="{:addon_url('cms/page/index', [':diyname'=>'aboutus'])}">关于我们</a></li>
-                            <li><a href="{:addon_url('cms/page/index', [':diyname'=>'agreement'])}">用户协议</a></li>
-                            <li><a href="{:addon_url('cms/page/index', [':diyname'=>'wangzhanditu'])}">网站地图</a></li>
-                            {if config('fastadmin.usercenter')}
-                            <li><a href="{:url('index/user/index')}">会员中心</a></li>
-                            {/if}
-                        </ul>
-                    </div>
 
+    <!-- 底部导航 -->
+    <div class="body_box_bottom">
+        <div class="body_box_item box_bottom_class">
+            <div class="bottom_logo">
+                <img src="__CDN__/assets/websize/static/logo-copy.svg" />
+                <div class="bottom_logo_title">哈咪物联</div>
+                <!-- <div>开源物联网平台,简单易用,更适合中小企业和个人学习使用的物联网平台。</div> -->
+            </div>
+            <div class="bottom_menu web_class">
+                <div class="bottom_menu_item">
+                    <div class="bottom_menu_title">页面导航</div>
+                    <!-- <div class="bottom_menu_li"><a href="http://43.143.217.40:8094/home" target="_blank">在线演示</a></div> -->
+                    <div class="bottom_menu_li">设备接入</div>
+                </div>
+                <div class="bottom_menu_item">
+                    <div class="bottom_menu_title">关于我们</div>
+                    <div class="bottom_menu_li"><a href="index.html">首页</a></div>
+                    <!-- <div class="bottom_menu_li">关于我们</div> -->
+                    <div class="bottom_menu_li toContactMy">联系我们</div>
+                    <!-- <div class="bottom_menu_li toCooperation">合作伙伴</div> -->
+                </div>
+                <div class="bottom_menu_item">
+                    <div class="bottom_menu_title">产品相关</div>
+                    <div class="bottom_menu_li">产品功能</div>
+                    <div class="bottom_menu_li">可视化平台</div>
+                    <div class="bottom_menu_li">版本介绍</div>
+                    <div class="bottom_menu_li">应用领域</div>
+                    <div class="bottom_menu_li">常见问题</div>
                 </div>
             </div>
+            <div class="bottom_wx_code">
+                <div class="bottom_wx_code_img">
+                    <img src="__CDN__/assets/websize/static/my/code.png" />
+                </div>
+                <div>添加微信进行咨询</div>
+            </div>
+        </div>
+        <div class="body_box_item mobile_class">
+            <div class="bottom_menu">
+                <div class="bottom_menu_item">
+                    <div class="bottom_menu_title">页面导航</div>
+                    <!-- <div class="bottom_menu_li"><a href="http://43.143.217.40:8094/home" target="_blank">在线演示</a></div> -->
+                    <div class="bottom_menu_li">设备接入</div>
+                </div>
+                <div class="bottom_menu_item">
+                    <div class="bottom_menu_title">关于我们</div>
+                    <div class="bottom_menu_li"><a href="index.html">首页</a></div>
+                    <!-- <div class="bottom_menu_li">关于我们</div> -->
+                    <div class="bottom_menu_li toContactMy">联系我们</div>
+                    <!-- <div class="bottom_menu_li toCooperation">合作伙伴</div> -->
+                </div>
+                <div class="bottom_menu_item">
+                    <div class="bottom_menu_title">产品相关</div>
+                    <div class="bottom_menu_li">产品功能</div>
+                    <div class="bottom_menu_li">可视化平台</div>
+                    <div class="bottom_menu_li">版本介绍</div>
+                    <div class="bottom_menu_li">应用领域</div>
+                    <div class="bottom_menu_li">常见问题</div>
+                </div>
+            </div>
+        </div>
+        <div class="web_information">
+            <div class="body_box_item web_information_content">
+                <div class="company_name">湖南铭讯网络科技有限公司</div>
+                <div>© 2024. All Rights Reserved</div>
+                <div class="keep_code">湘ICP备2022000793号</div>
+            </div>
         </div>
     </div>
+
+<!--    <div id="footer">-->
+<!--        <div class="container">-->
+<!--            <div class="row footer-inner">-->
+<!--                <div class="col-xs-12">-->
+<!--                    <div class="footer-logo pull-left mr-4">-->
+<!--                        <a href="{:addon_url('cms/index/index')}"><i class="fa fa-bookmark"></i></a>-->
+<!--                    </div>-->
+<!--                    <div class="pull-left">-->
+<!--                        Copyright&nbsp;©&nbsp;{:date("Y")} All rights reserved. {cms:config name="cms.sitename"/}-->
+<!--                        <a href="https://beian.miit.gov.cn" target="_blank">{$site.beian|htmlentities}</a>-->
+
+<!--                        <ul class="list-unstyled list-inline mt-2">-->
+<!--                            <li><a href="{:addon_url('cms/page/index', [':diyname'=>'aboutus'])}">关于我们</a></li>-->
+<!--                            <li><a href="{:addon_url('cms/page/index', [':diyname'=>'agreement'])}">用户协议</a></li>-->
+<!--                            <li><a href="{:addon_url('cms/page/index', [':diyname'=>'wangzhanditu'])}">网站地图</a></li>-->
+<!--                            {if config('fastadmin.usercenter')}-->
+<!--                            <li><a href="{:url('index/user/index')}">会员中心</a></li>-->
+<!--                            {/if}-->
+<!--                        </ul>-->
+<!--                    </div>-->
+
+<!--                </div>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--    </div>-->
 </footer>
 
 <div id="floatbtn">

+ 32 - 91
addons/cms/view/default/index.html

@@ -2,74 +2,41 @@
 
 <div class="container" id="content-container">
 
-    <!--<div style="margin-bottom:20px;">-->
-    <!--{cms:block name="bannerad"/}-->
-    <!--</div>-->
-
     <div class="row">
 
-        <main class="col-xs-12 col-md-8">
-            <div class="swiper-container index-focus">
-                <!-- S 焦点图 -->
-                <div id="index-focus" class="carousel slide carousel-focus" data-ride="carousel">
-                    <ol class="carousel-indicators">
-                        {cms:blocklist id="block" name="indexfocus" row="5"}
-                        <li data-target="#index-focus" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
-                        {/cms:blocklist}
-                    </ol>
-                    <div class="carousel-inner" role="listbox">
-                        {cms:blocklist id="block" name="indexfocus" row="5"}
-                        <div class="item {if $i==1}active{/if}">
-                            <a href="{$block.url}">
-                                <div class="carousel-img" style="background-image:url('{$block.image}');"></div>
-                                <div class="carousel-caption hidden-xs">
-                                    <h3>{$block.title|htmlentities}</h3>
-                                </div>
-                            </a>
-                        </div>
-                        {/cms:blocklist}
+        <div class="swiper-container index-focus">
+            <!-- S 焦点图 -->
+            <div id="index-focus" class="carousel slide carousel-focus" data-ride="carousel">
+                <ol class="carousel-indicators">
+                    {cms:blocklist id="block" name="indexfocus" row="5"}
+                    <li data-target="#index-focus" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
+                    {/cms:blocklist}
+                </ol>
+                <div class="carousel-inner" role="listbox">
+                    {cms:blocklist id="block" name="indexfocus" row="5"}
+                    <div class="item {if $i==1}active{/if}">
+                        <a href="{$block.url}">
+                            <div class="carousel-img" style="background-image:url('{$block.image}');"></div>
+                            <div class="carousel-caption hidden-xs">
+                                <h3>{$block.title|htmlentities}</h3>
+                            </div>
+                        </a>
                     </div>
-                    <a class="left carousel-control" href="#index-focus" role="button" data-slide="prev">
-                        <span class="icon-prev fa fa-chevron-left" aria-hidden="true"></span>
-                        <span class="sr-only">Previous</span>
-                    </a>
-                    <a class="right carousel-control" href="#index-focus" role="button" data-slide="next">
-                        <span class="icon-next fa fa-chevron-right" aria-hidden="true"></span>
-                        <span class="sr-only">Next</span>
-                    </a>
+                    {/cms:blocklist}
                 </div>
-                <!-- E 焦点图 -->
+                <a class="left carousel-control" href="#index-focus" role="button" data-slide="prev">
+                    <span class="icon-prev fa fa-chevron-left" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
+                </a>
+                <a class="right carousel-control" href="#index-focus" role="button" data-slide="next">
+                    <span class="icon-next fa fa-chevron-right" aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
+                </a>
             </div>
+            <!-- E 焦点图 -->
+        </div>
 
-<!--            <div class="panel panel-default index-gallary">-->
-<!--                <div class="panel-heading">-->
-<!--                    <h3 class="panel-title">-->
-<!--                        <span>热门图集</span>-->
-<!--                        <div class="more">-->
-<!--                            <a href="{:addon_url('cms/channel/index', [':id'=>2, ':diyname'=>'product'])}">查看更多</a>-->
-<!--                        </div>-->
-<!--                    </h3>-->
-<!--                </div>-->
-<!--                <div class="panel-body">-->
-<!--                    <div class="related-article">-->
-<!--                        <div class="row">-->
-<!--                            &lt;!&ndash; S 热门图集 &ndash;&gt;-->
-<!--                            {cms:arclist id="item" model="2" orderby="views" row="4"}-->
-<!--                            <div class="col-sm-3 col-xs-6">-->
-<!--                                <a href="{$item.url}" class="img-zoom">-->
-<!--                                    <div class="embed-responsive embed-responsive-4by3">-->
-<!--                                        <img src="{$item.image}" alt="{$item.title|htmlentities}" class="embed-responsive-item">-->
-<!--                                    </div>-->
-<!--                                </a>-->
-<!--                                <h5>{$item.title|htmlentities}</h5>-->
-<!--                            </div>-->
-<!--                            {/cms:arclist}-->
-<!--                            &lt;!&ndash; E 热门图集 &ndash;&gt;-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                </div>-->
-<!--            </div>-->
-
+        <main class="col-xs-12 col-md-8">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h3 class="panel-title">
@@ -78,9 +45,9 @@
                         <div class="more hidden-xs">
                             <ul class="list-unstyled list-inline">
                                 <!-- E 栏目筛选 -->
-<!--                                {cms:channellist id="item" condition="'list'=type" limit="6"}-->
-<!--                                <li>{$item.textlink}</li>-->
-<!--                                {/cms:channellist}-->
+                                <!--                                {cms:channellist id="item" condition="'list'=type" limit="6"}-->
+                                <!--                                <li>{$item.textlink}</li>-->
+                                <!--                                {/cms:channellist}-->
                                 <!-- E 栏目筛选 -->
                             </ul>
                         </div>
@@ -134,23 +101,6 @@
 
 <div class="container hidden-xs">
     <div class="panel panel-default">
-        <!-- S 热门导航 -->
-<!--        <div class="panel-heading">-->
-<!--            <h3 class="panel-title">-->
-<!--                热门导航-->
-<!--                <small>为你推荐以下热门网站</small>-->
-<!--                <a href="{:addon_url('cms/diyform/post',[':diyname'=>'navigation'])}" class="more">申请导航</a>-->
-<!--            </h3>-->
-<!--        </div>-->
-<!--        <div class="panel-body">-->
-<!--            <ul class="list-unstyled list-partner">-->
-<!--                {cms:diydatalist diyform="3" id="item" row="20"}-->
-<!--                    <li><a href="{$item.website}" target="_blank"><img src="{$item.image|cdnurl}"></a></li>-->
-<!--                {/cms:diydatalist}-->
-<!--            </ul>-->
-<!--        </div>-->
-        <!-- E 热门导航 -->
-
         <!-- S 友情链接 -->
         <div class="panel-heading">
             <h3 class="panel-title">友情链接
@@ -168,12 +118,3 @@
     </div>
 
 </div>
-<script>
-    var _hmt = _hmt || [];
-    (function() {
-        var hm = document.createElement("script");
-        hm.src = "https://hm.baidu.com/hm.js?567a26a0429f05e9f5102c3822d7c08b";
-        var s = document.getElementsByTagName("script")[0];
-        s.parentNode.insertBefore(hm, s);
-    })();
-</script>

文件差異過大導致無法顯示
+ 302 - 0
addons/cms/view/default/index2.html


+ 0 - 1
public/41d72ee050d5651220909eef3c234f85.txt

@@ -1 +0,0 @@
-41d72ee050d5651220909eef3c234f85

+ 0 - 1
public/ByteDanceVerify.html

@@ -1 +0,0 @@
-3l0WO7fCOAf0QnpPLBOC

+ 146 - 0
public/assets/websize/css/adaptation.css

@@ -0,0 +1,146 @@
+.mobile_class {
+    display: none;
+}
+@media (max-width: 1120px) {
+    .web_class {
+        display: none !important;
+    }
+    .mobile_class {
+        display: block;
+    }
+
+    .head_tab {
+        /* width: 100vw; */
+        width: 100%;
+        padding: 0 2.5rem;
+        box-sizing: border-box;
+    }
+	.carousel_box_tow {
+		flex-direction: column;
+	}
+	.carousel_box_tow .carousel_box_title {
+		text-align: center !important;
+	}
+	.carousel_box_tow .carousel_box_btn a {
+		margin: 0 auto;
+	}
+	.carousel_box_img {
+		width: 37.5rem;
+	}
+    .body_box_item {
+        width: 100%;
+        padding: 3.75rem 4rem;
+        box-sizing: border-box;
+    }
+    .service_box {
+        justify-content: center;
+    }
+    .exhibition_box {
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+    .scene_box {
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+    .aboutMy_box {
+        flex-direction: column;
+        gap: 3.75rem;
+    }
+    .aboutMy_box_img {
+        width: 100%;
+        height: auto;
+    }
+    .problem {
+        flex-direction: column;
+        align-items: center;
+        gap: 6.25rem;
+    }
+    .problem .body_box_title {
+        width: 36.875rem;
+        text-align: left;
+    }
+    .contact_box {
+        flex-direction: column;
+        gap: 5rem;
+    }
+    .box_bottom_class {
+        justify-content: space-between;
+		padding: 2.5rem !important;
+		box-sizing: border-box;
+    }
+    .bottom_menu {
+        color: #fff;
+        width: 26.625rem;
+        padding: 0;
+        margin: 0 auto;
+        justify-content: space-between;
+        padding-bottom: 2.5rem;
+    }
+    .bottom_menu_item {
+        flex: none;
+    }
+    .web_information_content {
+        justify-content: center;
+    }
+	
+	.field_title {
+		flex-direction: column;
+		align-items: center;
+		text-align: center;
+	}
+	.field_title_main_bottom {
+		text-align: center;
+	}
+	.field_title_secondary {
+		width: 80%;
+		text-align: center;
+	}
+	.scene_box_item {
+		flex-direction: column;
+		align-items: center;
+	}
+	.scene_box_item_text {
+		text-align: center;
+	}
+	.three_box {
+		/* flex-direction: column; */
+	}
+	.three_box_item {
+		width: 100%;
+	}
+	.introduce_box {
+		flex-direction: column;
+		align-items: center;
+		text-align: center;
+	}
+	.introduce_box_right {
+		align-items: center;
+		gap: 0.625rem;
+		height: 12rem;
+	}
+}
+
+@media (max-width: 900px) {
+	html{
+		font-size: 10px;
+	}
+}
+@media (max-width: 350px) {
+	.web_information_content {
+		gap: 0;
+	}
+	.keep_code {
+		width: 100%;
+		text-align: center;
+	}
+	.company_name {
+		margin-right: 2.5rem;
+	}
+}
+@media (max-width: 400px) {
+	html{
+		font-size: 8px;
+	}
+}

+ 782 - 0
public/assets/websize/css/charging-station.css

@@ -0,0 +1,782 @@
+
+/* 在根元素上定义变量 */
+:root {
+    --primary-color: #2a79ff;
+}
+body {
+    max-width: 100vw;
+}
+.web_title {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+.box {
+    width: 122.5rem;
+    max-width: 100%;
+    overflow: hidden;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.head_box {
+    width: 100%;
+    color: #2B2D33;
+    overflow: hidden;
+    position: relative;
+}
+.head_tab {
+    width: 70rem;
+    height: 5.5rem;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+}
+.head_tab_items{
+    display: flex;
+    align-items: center;
+}
+.head_tab_item {
+    width: 7.75rem;
+    height: 3rem;
+    line-height: 3rem;
+    font-size: 1rem;
+	font-weight: 500;
+    text-align: center;
+}
+.head_tab_item a {
+	color: #000;
+}
+.head_tab_logo {
+    width: 8.6875rem;
+    height: 3rem;
+    margin-right: auto;
+}
+.head_tab_menu {
+	width: 1.5rem;
+	height: 1.5rem;
+	margin-right: 1.25rem;
+}
+.contact_btn {
+    width: 6.5625rem;
+    height: 3rem;
+    margin-left: auto;
+    background-color: var(--primary-color);
+    border-radius: 0.125rem;
+    font-size: 1rem;
+	color: #fff;
+}
+.contact_btn a {
+    width: 100%;
+    height: 100%;
+}
+.contact_btn:hover{
+    transition: all 0.5s;
+}
+
+
+
+.carousel_box {
+    width: 100%;
+    margin-bottom: 2rem;
+    display: flex;
+    align-items: center;
+	flex-direction: column;
+    position: relative;
+	gap: 6rem;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+.carousel_box_text {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    gap: 2.5rem;
+}
+.carousel_box_title {
+	text-align: center;
+    font-size: 4rem;
+    font-weight: bold;
+}
+.carousel_box_content {
+    font-size: 1.25rem
+}
+.carousel_box_btn a {
+    width: 8rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1rem;
+    color: #fff;
+    gap: 0.75rem;
+	margin: 0 auto;
+	border-radius: 0.75rem;
+}
+.carousel_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.carousel_box_img {
+    width: 100%;
+	/* height: 42.625rem; */
+    position: relative;
+	background-color: #f7f8fa;
+	border-radius: 0.625rem;
+	overflow: hidden;
+}
+.carousel_box_img img {
+	width: 100%;
+	height: 100%;
+}
+
+
+
+.body_box {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f7f8fa;
+}
+.body_box_white {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+}
+.body_box_bottom {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #232634;
+}
+.body_box_bottom .body_box_item {
+    padding: 0;
+    padding-top: 6.25rem;
+}
+.body_box_item {
+    width: 70rem;
+    padding: 6.25rem 0;
+    margin: 0 auto;
+}
+.web_information {
+    width: 100%;
+    height: 4rem;
+    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
+}
+.body_box_title {
+    font-size: 3rem;
+    font-weight: 600;
+    line-height: 3.75rem;
+    text-align: center;
+}
+.body_box_subtitle {
+    color: var(--primary-color);
+    font-size: 1.5rem;
+}
+.body_box_introduce {
+    line-height: 3rem;
+    margin-top: 2rem;
+    font-size: 1.25rem;
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+
+/* 产品功能服务 */
+.service_box {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.25rem;
+}
+.service_box_item {
+    width: 34.375rem;
+    padding: 1.875rem 0;
+    border-radius: 0.625rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    box-shadow: 0 0.125rem 0.125rem rgba(71, 74, 89, 0.08), 0 0.125rem 0.5rem rgba(71, 74, 89, 0.15);
+    font-size: 1rem;
+    background-color: #fff;
+}
+.service_box_item_title {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+.body_box_introduce_two {
+    color: #555A65;
+    font-size: 1rem;
+    margin-top: 2.5rem;
+    margin-bottom: 4rem;
+    text-align: center;
+}
+.service_box_item_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+}
+.service_box_item_img {
+    width: 7.25rem;
+    height: 7.25rem;
+}
+.service_box_item_img img {
+    width: 3rem;
+    height: 3rem;
+}
+
+
+/* 可视化展示 */
+.exhibition_box {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+    overflow: hidden;
+}
+.exhibition_box_item {
+    width: 34.375rem;
+    min-width: 34.375rem;
+    background-color: #fff;
+    border-radius: 0.625rem;
+    padding: 1.875rem 1.5625rem;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.exhibition_box_icon {
+    width: 3.75rem;
+    height: 3.75rem;
+}
+.exhibition_box_title {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+}
+.exhibition_box_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+    font-size: 1rem;
+}
+.exhibition_box_img {
+    height: 18.75rem;
+    border-radius: 0.5rem;
+}
+
+
+/* 应用领域 */
+.scene_box {
+    display: flex;
+	flex-direction: column;
+    gap: 2.5rem;
+}
+.scene_box_item {
+    display: flex;
+    gap: 2.75rem;
+    font-size: 1rem;
+    text-align: center;
+}
+.scene_box_item_img {
+    width: 36.875rem;
+    /* height: 31rem; */
+    border-radius: 0.625rem;
+    background-color: #f7f8fa;
+    overflow: hidden;
+}
+.scene_box_item_img img {
+    width: 100%;
+}
+.scene_box_item_box {
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	gap: 1.75rem;
+	text-align: left;
+}
+.scene_box_tow {
+	justify-content: center;
+}
+.scene_box_tow .scene_box_item {
+	width: 33.75rem;
+}
+.scene_box_tow .scene_box_item_img {
+	height: 26.875rem;
+}
+.scene_box_item_title {
+    color: #2B2D33;
+	font-size: 1.875rem;
+    /* font-weight: 600; */
+}
+.scene_box_item_text {
+    color: #555A65;
+}
+
+
+/* 关于我们 */
+.aboutMy_box {
+    padding: 3.75rem;
+    box-sizing: border-box;
+    border-radius: 1.5rem;
+    background-color: #F7F8FA;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.aboutMy_box_content{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 2.5rem;
+}
+.aboutMy_box_title {
+    color: #2B2D33;
+    font-size: 4rem;
+    font-weight: 600;
+}
+.aboutMy_box_text {
+    color: #555A65;
+    font-size: 1rem;
+    line-height: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+.aboutMy_box_btn a {
+    color: #fff;
+    width: 9.25rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+.aboutMy_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.aboutMy_box_img {
+    width: 30.625rem;
+    height: 33.125rem;
+}
+
+
+/* 合作伙伴 */
+.cooperation_box {
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    margin-top: 3.75rem;
+}
+.cooperation_box_scroll {
+	width: 63.75rem;
+	display: flex;
+	align-items: center;
+	animation: scroll 20s linear;
+	animation-iteration-count: infinite;
+}
+@keyframes scroll {
+	0% {
+		transform: translateX(0%);
+	}
+	100% {
+		transform: translateX(-200%);
+	}
+}
+.cooperation_box_item {
+    width: 20%;
+    min-width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.cooperation_box_img {
+    width: 4rem;
+    height: 4rem;
+    background-color: #f7f8fa;
+    border-radius: 50%;
+    overflow: hidden;
+}
+.cooperation_box_img img {
+    width: 2.5rem;
+    height: 2.5rem;
+}
+.cooperation_box_text {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    text-align: center;
+}
+
+
+/* 常见问题解答 */
+.problem {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.problem .body_box_subtitle {
+    text-align: left;
+}
+
+.problem_box {
+    width: 36.875rem;
+}
+
+.problem_box_item {
+    color: #2B2D33;
+    height: 6rem;
+    border-bottom: 0.0625rem solid #D7DAE2;
+    overflow: hidden;
+    transition: all 0.5s;
+}
+.problem_box_item_title {
+    height: 6rem;
+    font-size: 1.5rem;
+    display: flex;
+    align-items: center;
+}
+.problem_box_item_text {
+    color: #555A65;
+    font-size: 1rem;
+    padding-bottom: 2rem;
+}
+.fold_img {
+    margin-left: auto;
+    filter: grayscale(100%);
+    transform: rotate(180deg);
+    transition: all 0.5s;
+}
+.problem_box_item_sele {
+    height: auto;
+}
+.problem_box_item_sele .fold_img {
+    filter: grayscale(0%);
+    transform: rotate(0deg);
+    transition: all 0.5s;
+}
+
+
+/* 联系我们 */
+.contact_box {
+    background-color: #fff;
+    border-radius: 1.5rem;
+    padding: 3.75rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.contact_box .body_box_subtitle {
+    text-align: left;
+}
+.my_information {
+    color: #555A65;
+    margin-top: 2.5rem;
+    font-size: 0.875rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.my_information_item {
+    display: flex;
+    align-items: center;
+    height: 1.5rem;
+    font-weight: normal;
+    gap: 0.75rem;
+}
+
+.my_information_item img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.body_box_code {
+    color: #555A65;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.body_box_code img {
+    width: 12.5rem;
+    height: 12.5rem;
+    margin-bottom: 1.0625rem;
+}
+
+
+/* 底部导航 */
+.box_bottom_class {
+    color: #fff;
+    display: flex;
+    align-items: center;
+    padding-bottom: 3.125rem !important;
+}
+
+.bottom_logo {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    text-align: center;
+    font-size: 0.875rem;
+    width: 19.3125rem;
+    padding: 1.25rem;
+    box-sizing: border-box;
+}
+
+.bottom_logo img {
+    width: 5rem;
+    height: 4.9375rem;
+    margin-bottom: 1.25rem;
+}
+.bottom_logo_title {
+    font-size: 2.5rem;
+    margin-bottom: 2rem;
+}
+
+.bottom_menu {
+    flex: 1;
+    padding-left: 5.8125rem;
+    display: flex;
+}
+
+.bottom_menu_item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.bottom_menu_title {
+    font-size: 1.25rem;
+}
+
+.bottom_menu_li {
+    font-size: 0.875rem;
+    cursor: pointer;
+}
+.bottom_menu_li a {
+	color: #fff;
+	font-size: 0.875rem;
+}
+
+.bottom_wx_code {
+    width: 12.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.125rem;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.bottom_wx_code_img {
+    width: 100%;
+    height: 12.5rem;
+    background-color: #fff;
+    overflow: hidden;
+}
+.bottom_wx_code_img img {
+    width: 100%;
+    height: 100%;
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+.web_information_content {
+    color: #fff;
+    height: 100%;
+    padding: 0 !important;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+	flex-wrap: wrap;
+    gap: 2.5rem;
+}
+
+.field_title {
+	display: flex;
+	align-items: flex-end;
+	gap: 2.5rem;
+	margin-bottom: 4rem;
+}
+.field_title_main {
+	min-width: 30.5rem;
+	display: flex;
+	flex-direction: column;
+	gap: 3.75rem;
+}
+.field_title_main_top {
+	font-size: 4rem;
+	font-weight: 600;
+}
+.field_title_main_bottom {
+	color: #555A65;
+	font-size: 1.25rem;
+}
+.field_title_secondary {
+	color: #555A65;
+	font-size: 1rem;
+}
+
+.three_box {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 1.25rem;
+}
+.three_box_item {
+	color: #555A65;
+	width: 22.5rem;
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+	font-size: 1rem;
+}
+.three_box_img {
+	width: 100%;
+	/* height: 26.875rem; */
+	overflow: hidden;
+	border-radius: 0.625rem;
+	background-color: #f7f8fa;
+}
+.three_box_img img {
+	width: 100%;
+	/* height: 100%; */
+}
+.three_box_title {
+	color: #2B2D33;
+}
+
+.introduce_box {
+	display: flex;
+	align-items: flex-start;
+	gap: 2.5rem;
+	border-radius: 1.5rem;
+	background-color: #f7f8fa;
+	padding: 3.75rem;
+	box-sizing: border-box;
+}
+.introduce_box_title {
+	color: #2B2D33;
+	min-width: 30rem;
+	font-size: 4rem;
+	font-weight: 600;
+	line-height: 4rem;
+}
+.introduce_box_right {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	height: 11.125rem;
+	margin-top: 0.625rem;
+}
+
+.introduce_box_text {
+	color: #555A65;
+	font-size: 1rem;
+}
+.introduce_box_btn {
+	color: #fff;
+	width: 4.75rem;
+	height: 2.75rem;
+	font-size: 0.875rem;
+	background-color: #2055e4;
+	border-radius: 0.5rem;
+	cursor: pointer;
+}
+
+.user_title {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 2.5rem;
+	font-size: 4rem;
+	font-weight: 600;
+	margin-bottom: 4rem;
+}
+.user_title_son {
+	color: #555A65;
+	font-size: 1rem;
+	font-weight: normal;
+	text-align: center;
+}
+
+.user_box {
+	display: flex;
+	align-items: center;
+}
+.user_box_scroll_btn {
+	width: 2rem;
+	height: 2rem;
+	cursor: pointer;
+}
+.user_box_scroll_btn img {
+	width: 2rem;
+	height: 2rem;
+}
+.user_box_scroll {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	overflow: hidden;
+	padding: 0.3125rem 0.25rem;
+	margin: 0 1rem;
+	box-sizing: border-box;
+}
+.user_box_scroll_center {
+	display: flex;
+	align-items: center;
+	gap: 1.25rem;
+	transition: all 0.5s;
+	width: 100%;
+	/* width: 64rem; */
+	/* transform: translate(-64.75rem, 0); */
+	/* transform: translate(calc(-64.75rem), 0); */
+}
+.user_box_item {
+	color: #555A65;
+	width: calc(50% - 0.625rem);
+	min-width: calc(50% - 0.625rem);
+	max-width: calc(50% - 0.625rem);
+	/* width: 50%;
+	min-width: 50%;
+	max-width: 50%; */
+	min-height: 16.5rem;
+	background-color: #fff;
+	box-shadow: 0 2px 0.625rem rgba(0, 0, 0, 0.08);
+	border-radius: 0.625rem;
+	display: flex;
+	flex-direction: column;
+	gap: 1.5rem;
+	padding: 1.875rem;
+	box-sizing: border-box;
+	font-size: 1rem;
+}
+.user_box_item img {
+	width: 3.75rem;
+	height: 3.75rem;
+	border-radius: 3.75rem;
+}
+.user_box_item_top {
+	display: flex;
+	align-items: center;
+	gap: 1rem;
+}
+.user_box_item_title {
+	font-size: 1.125rem;
+	line-height: 1.75rem;
+	margin-bottom: 0.125rem;
+}

二進制
public/assets/websize/css/fonts/fontawesome-webfont.eot


文件差異過大導致無法顯示
+ 717 - 0
public/assets/websize/css/fonts/fontawesome-webfont.svg


二進制
public/assets/websize/css/fonts/fontawesome-webfont.ttf


二進制
public/assets/websize/css/fonts/fontawesome-webfont.woff


二進制
public/assets/websize/css/fonts/fontawesome-webfont.woff2


+ 713 - 0
public/assets/websize/css/homestay.css

@@ -0,0 +1,713 @@
+
+/* 在根元素上定义变量 */
+:root {
+    --primary-color: #2a79ff;
+}
+body {
+    max-width: 100vw;
+}
+.web_title {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+.box {
+    width: 122.5rem;
+    max-width: 100%;
+    overflow: hidden;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.head_box {
+    width: 100%;
+    color: #2B2D33;
+    overflow: hidden;
+    position: relative;
+}
+.head_tab {
+    width: 70rem;
+    height: 5.5rem;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+}
+.head_tab_items{
+    display: flex;
+    align-items: center;
+}
+.head_tab_item {
+    width: 7.75rem;
+    height: 3rem;
+    line-height: 3rem;
+    font-size: 1rem;
+	font-weight: 500;
+    text-align: center;
+}
+.head_tab_item a {
+	color: #000;
+}
+.head_tab_logo {
+    width: 8.6875rem;
+    height: 3rem;
+    margin-right: auto;
+}
+.head_tab_menu {
+	width: 1.5rem;
+	height: 1.5rem;
+	margin-right: 1.25rem;
+}
+.contact_btn {
+    width: 6.5625rem;
+    height: 3rem;
+    margin-left: auto;
+    background-color: var(--primary-color);
+    border-radius: 0.125rem;
+    font-size: 1rem;
+	color: #fff;
+}
+.contact_btn a {
+    width: 100%;
+    height: 100%;
+}
+.contact_btn:hover{
+    transition: all 0.5s;
+}
+
+
+
+.carousel_box {
+    width: 100%;
+    padding-top: 2rem;
+    margin-bottom: 2rem;
+    display: flex;
+    align-items: center;
+	justify-content: space-between;
+    position: relative;
+	gap: 6rem;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+.carousel_box_text {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    gap: 2.5rem;
+}
+.carousel_box_title {
+	text-align: left;
+    font-size: 4rem;
+    font-weight: bold;
+}
+.carousel_box_content {
+    font-size: 1.25rem
+}
+.carousel_box_btn a {
+    width: 10.25rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1.25rem;
+    color: #fff;
+    gap: 0.75rem;
+}
+.carousel_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.carousel_box_img {
+    width: 34.375rem;
+	min-width: 34.375rem;
+	max-width: 34.375rem;
+	height: 32.125rem;
+    position: relative;
+	background-color: #f7f8fa;
+	border-radius: 0.625rem;
+	overflow: hidden;
+}
+.carousel_box_img img {
+	/* width: 100%; */
+	height: 100%;
+	position: absolute;
+	left: -8.75rem;
+}
+
+
+
+.body_box {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f7f8fa;
+}
+.body_box_white {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+}
+.body_box_bottom {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #232634;
+}
+.body_box_bottom .body_box_item {
+    padding: 0;
+    padding-top: 6.25rem;
+}
+.body_box_item {
+    width: 70rem;
+    padding: 6.25rem 0;
+    margin: 0 auto;
+}
+.web_information {
+    width: 100%;
+    height: 4rem;
+    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
+}
+.body_box_title {
+    font-size: 3rem;
+    font-weight: 600;
+    line-height: 3.75rem;
+    text-align: center;
+}
+.body_box_subtitle {
+    color: var(--primary-color);
+    font-size: 1.5rem;
+}
+.body_box_introduce {
+    line-height: 3rem;
+    margin-top: 2rem;
+    font-size: 1.25rem;
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+
+/* 产品功能服务 */
+.service_box {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.25rem;
+}
+.service_box_item {
+    width: 34.375rem;
+    padding: 1.875rem 0;
+    border-radius: 0.625rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    box-shadow: 0 0.125rem 0.125rem rgba(71, 74, 89, 0.08), 0 0.125rem 0.5rem rgba(71, 74, 89, 0.15);
+    font-size: 1rem;
+    background-color: #fff;
+}
+.service_box_item_title {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+.body_box_introduce_two {
+    color: #555A65;
+    font-size: 1rem;
+    margin-top: 2.5rem;
+    margin-bottom: 4rem;
+    text-align: center;
+}
+.service_box_item_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+}
+.service_box_item_img {
+    width: 7.25rem;
+    height: 7.25rem;
+}
+.service_box_item_img img {
+    width: 3rem;
+    height: 3rem;
+}
+
+
+/* 可视化展示 */
+.exhibition_box {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+    overflow: hidden;
+}
+.exhibition_box_item {
+    width: 34.375rem;
+    min-width: 34.375rem;
+    background-color: #fff;
+    border-radius: 0.625rem;
+    padding: 1.875rem 1.5625rem;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.exhibition_box_icon {
+    width: 3.75rem;
+    height: 3.75rem;
+}
+.exhibition_box_title {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+}
+.exhibition_box_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+    font-size: 1rem;
+}
+.exhibition_box_img {
+    height: 18.75rem;
+    border-radius: 0.5rem;
+}
+
+
+/* 应用领域 */
+.scene_box {
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.scene_box_item {
+    width: 22.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    font-size: 1rem;
+    text-align: center;
+}
+.scene_box_item_img {
+    width: 100%;
+    /* height: 20.1875rem; */
+    border-radius: 0.625rem;
+    background-color: #f7f8fa;
+    overflow: hidden;
+	position: relative;
+}
+.scene_box_item_img img {
+    width: 100%;
+}
+.scene_box_tow {
+	justify-content: center;
+}
+.scene_box_tow .scene_box_item {
+	width: 33.75rem;
+}
+.scene_box_tow .scene_box_item_img {
+	/* height: 26.875rem; */
+}
+.scene_box_item_title {
+    font-weight: 600;
+	text-align: center;
+}
+.scene_box_item_text {
+	text-align: center;
+	padding: 0 1.25rem;
+	box-sizing: border-box;
+}
+
+
+/* 关于我们 */
+.aboutMy_box {
+    padding: 3.75rem;
+    box-sizing: border-box;
+    border-radius: 1.5rem;
+    background-color: #F7F8FA;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.aboutMy_box_content{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 2.5rem;
+}
+.aboutMy_box_title {
+    color: #2B2D33;
+    font-size: 4rem;
+    font-weight: 600;
+}
+.aboutMy_box_text {
+    color: #555A65;
+    font-size: 1rem;
+    line-height: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+.aboutMy_box_btn a {
+    color: #fff;
+    width: 9.25rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+.aboutMy_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.aboutMy_box_img {
+    width: 30.625rem;
+    height: 33.125rem;
+}
+
+
+/* 合作伙伴 */
+.cooperation_box {
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    margin-top: 3.75rem;
+}
+.cooperation_box_scroll {
+	width: 63.75rem;
+	display: flex;
+	align-items: center;
+	animation: scroll 20s linear;
+	animation-iteration-count: infinite;
+}
+@keyframes scroll {
+	0% {
+		transform: translateX(0%);
+	}
+	100% {
+		transform: translateX(-200%);
+	}
+}
+.cooperation_box_item {
+    width: 20%;
+    min-width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.cooperation_box_img {
+    width: 4rem;
+    height: 4rem;
+    background-color: #f7f8fa;
+    border-radius: 50%;
+    overflow: hidden;
+}
+.cooperation_box_img img {
+    width: 2.5rem;
+    height: 2.5rem;
+}
+.cooperation_box_text {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    text-align: center;
+}
+
+
+
+/* 常见问题解答 */
+.problem {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.problem .body_box_subtitle {
+    text-align: left;
+}
+
+.problem_box {
+    width: 36.875rem;
+}
+
+.problem_box_item {
+    color: #2B2D33;
+    height: 6rem;
+    border-bottom: 0.0625rem solid #D7DAE2;
+    overflow: hidden;
+    transition: all 0.5s;
+}
+.problem_box_item_title {
+    height: 6rem;
+    font-size: 1.5rem;
+    display: flex;
+    align-items: center;
+}
+.problem_box_item_text {
+    color: #555A65;
+    font-size: 1rem;
+    padding-bottom: 2rem;
+}
+.fold_img {
+    margin-left: auto;
+    filter: grayscale(100%);
+    transform: rotate(180deg);
+    transition: all 0.5s;
+}
+.problem_box_item_sele {
+    height: auto;
+}
+.problem_box_item_sele .fold_img {
+    filter: grayscale(0%);
+    transform: rotate(0deg);
+    transition: all 0.5s;
+}
+
+
+/* 联系我们 */
+.contact_box {
+    background-color: #fff;
+    border-radius: 1.5rem;
+    padding: 3.75rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.contact_box .body_box_subtitle {
+    text-align: left;
+}
+.my_information {
+    color: #555A65;
+    margin-top: 2.5rem;
+    font-size: 0.875rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.my_information_item {
+    display: flex;
+    align-items: center;
+    height: 1.5rem;
+    font-weight: normal;
+    gap: 0.75rem;
+}
+
+.my_information_item img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.body_box_code {
+    color: #555A65;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.body_box_code img {
+    width: 12.5rem;
+    height: 12.5rem;
+    margin-bottom: 1.0625rem;
+}
+
+
+/* 底部导航 */
+.box_bottom_class {
+    color: #fff;
+    display: flex;
+    align-items: center;
+    padding-bottom: 3.125rem !important;
+}
+
+.bottom_logo {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    text-align: center;
+    font-size: 0.875rem;
+    width: 19.3125rem;
+    padding: 1.25rem;
+    box-sizing: border-box;
+}
+
+.bottom_logo img {
+    width: 5rem;
+    height: 4.9375rem;
+    margin-bottom: 1.25rem;
+}
+.bottom_logo_title {
+    font-size: 2.5rem;
+    margin-bottom: 2rem;
+}
+
+.bottom_menu {
+    flex: 1;
+    padding-left: 5.8125rem;
+    display: flex;
+}
+
+.bottom_menu_item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.bottom_menu_title {
+    font-size: 1.25rem;
+}
+
+.bottom_menu_li {
+    font-size: 0.875rem;
+    cursor: pointer;
+}
+.bottom_menu_li a {
+	color: #fff;
+	font-size: 0.875rem;
+}
+
+.bottom_wx_code {
+    width: 12.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.125rem;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.bottom_wx_code_img {
+    width: 100%;
+    height: 12.5rem;
+    background-color: #fff;
+    overflow: hidden;
+}
+.bottom_wx_code_img img {
+    width: 100%;
+    height: 100%;
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+.web_information_content {
+    color: #fff;
+    height: 100%;
+    padding: 0 !important;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+	flex-wrap: wrap;
+    gap: 2.5rem;
+}
+
+
+
+
+.user_box {
+	display: flex;
+	align-items: center;
+}
+.user_box_scroll_btn {
+	width: 2rem;
+	height: 2rem;
+	cursor: pointer;
+}
+.user_box_scroll_btn img {
+	width: 2rem;
+	height: 2rem;
+}
+.user_box_scroll {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	overflow: hidden;
+	padding: 0.3125rem 0.25rem;
+	margin: 0 1rem;
+	box-sizing: border-box;
+}
+.user_box_scroll_center {
+	display: flex;
+	gap: 2%;
+	transition: all 0.5s;
+	width: 100%;
+	/* width: 64rem; */
+	/* transform: translate(-64.75rem, 0); */
+	/* transform: translate(calc(-64.75rem), 0); */
+}
+.user_box_item {
+	color: #555A65;
+	width: 32%;
+	min-width: 32%;
+	max-width: 32%;
+	/* width: 50%;
+	min-width: 50%;
+	max-width: 50%; */
+	min-height: 16.5rem;
+	background-color: #fff;
+	box-shadow: 0 2px 0.625rem rgba(0, 0, 0, 0.18);
+	border-radius: 0.625rem;
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+	/* padding: 1rem; */
+	box-sizing: border-box;
+	font-size: 1rem;
+	position: relative;
+}
+.user_box_item_top {
+	display: flex;
+	align-items: center;
+	gap: 1rem;
+}
+.user_box_item_title {
+	font-size: 1.125rem;
+	line-height: 1.75rem;
+	margin-bottom: 0.125rem;
+}
+
+.shadow_text {
+	opacity: 0;
+	color: #fff !important;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+	padding-top: 1.625rem;
+	background: rgba(0, 0, 0, 0.4);
+	/* background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); */
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	gap: 0.625rem;
+	transition: all 0.5s;
+}
+
+.user_box_item:hover .shadow_text {
+	opacity: 1;
+}
+
+.title_btns {
+	justify-content: left;
+}
+
+@media (max-width: 1120px) {
+	.scene_box_item {
+		width: 33.75rem;
+	}
+	
+	.shadow_text {
+		opacity: 1;
+	}
+	
+	.title_btns {
+		justify-content: center;
+	}
+}

+ 687 - 0
public/assets/websize/css/index-two.css

@@ -0,0 +1,687 @@
+
+/* 在根元素上定义变量 */
+:root {
+    --primary-color: #2a79ff;
+}
+body {
+    max-width: 100vw;
+}
+.web_title {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+.box {
+    width: 122.5rem;
+    max-width: 100%;
+    overflow: hidden;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.head_box {
+    width: 100%;
+    color: #2B2D33;
+    overflow: hidden;
+    position: relative;
+}
+.head_tab {
+    width: 70rem;
+    height: 5.5rem;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+}
+.head_tab_items{
+    display: flex;
+    align-items: center;
+}
+.head_tab_item {
+    width: 7.75rem;
+    height: 3rem;
+    line-height: 3rem;
+    font-size: 1rem;
+	font-weight: 500;
+    text-align: center;
+}
+.head_tab_item a {
+	color: #000;
+}
+.head_tab_logo {
+    width: 8.6875rem;
+    height: 3rem;
+    margin-right: auto;
+}
+.head_tab_menu {
+	width: 1.5rem;
+	height: 1.5rem;
+	margin-right: 1.25rem;
+}
+.contact_btn {
+    width: 6.5625rem;
+    height: 3rem;
+    margin-left: auto;
+    background-color: var(--primary-color);
+    border-radius: 0.125rem;
+    font-size: 1rem;
+	color: #fff;
+}
+.contact_btn a {
+    width: 100%;
+    height: 100%;
+}
+.contact_btn:hover{
+    transition: all 0.5s;
+}
+
+
+
+.carousel_box {
+    width: 100%;
+    padding-top: 2rem;
+    margin-bottom: 2rem;
+    display: flex;
+    align-items: center;
+	justify-content: space-between;
+    position: relative;
+	gap: 6rem;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+.carousel__btns {
+	gap: 1rem;
+	justify-content: left;
+}
+.carousel_box_text {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    gap: 2.5rem;
+}
+.carousel_box_title {
+	text-align: left;
+    font-size: 4rem;
+    font-weight: bold;
+}
+.carousel_box_content {
+    font-size: 1.25rem
+}
+.carousel_box_btn a {
+    width: 10.25rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1.25rem;
+    color: #fff;
+    gap: 0.75rem;
+}
+.carousel_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.carousel_box_img {
+    width: 34.375rem;
+	min-width: 34.375rem;
+	max-width: 34.375rem;
+	height: 32.125rem;
+    position: relative;
+	background-color: #f7f8fa;
+	border-radius: 0.625rem;
+	overflow: hidden;
+}
+.carousel_box_img img {
+	/* width: 100%; */
+	height: 100%;
+	position: absolute;
+	left: -8.75rem;
+}
+
+
+
+.body_box {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f7f8fa;
+}
+.body_box_white {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+}
+.body_box_bottom {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #232634;
+}
+.body_box_bottom .body_box_item {
+    padding: 0;
+    padding-top: 6.25rem;
+}
+.body_box_item {
+    width: 70rem;
+    padding: 6.25rem 0;
+    margin: 0 auto;
+}
+.web_information {
+    width: 100%;
+    height: 4rem;
+    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
+}
+.body_box_title {
+    font-size: 3rem;
+    font-weight: 600;
+    line-height: 3.75rem;
+    text-align: center;
+}
+.body_box_subtitle {
+    color: var(--primary-color);
+    font-size: 1.5rem;
+}
+.body_box_introduce {
+    line-height: 3rem;
+    margin-top: 2rem;
+    font-size: 1.25rem;
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+
+/* 产品功能服务 */
+.service_box {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.25rem;
+}
+.service_box_item {
+    width: 34.375rem;
+    padding: 1.875rem 0;
+    border-radius: 0.625rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    box-shadow: 0 0.125rem 0.125rem rgba(71, 74, 89, 0.08), 0 0.125rem 0.5rem rgba(71, 74, 89, 0.15);
+    font-size: 1rem;
+    background-color: #fff;
+}
+.service_box_item_title {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+.body_box_introduce_two {
+    color: #555A65;
+    font-size: 1rem;
+    margin-top: 2.5rem;
+    margin-bottom: 4rem;
+    text-align: center;
+}
+.service_box_item_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+}
+.service_box_item_img {
+    width: 7.25rem;
+    height: 7.25rem;
+}
+.service_box_item_img img {
+    width: 3rem;
+    height: 3rem;
+}
+
+
+/* 可视化展示 */
+.exhibition_box {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+    overflow: hidden;
+}
+.exhibition_box_item {
+    width: 34.375rem;
+    min-width: 34.375rem;
+    background-color: #fff;
+    border-radius: 0.625rem;
+    padding: 1.875rem 1.5625rem;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.exhibition_box_icon {
+    width: 3.75rem;
+    height: 3.75rem;
+}
+.exhibition_box_title {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+}
+.exhibition_box_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+    font-size: 1rem;
+}
+.exhibition_box_img {
+    height: 18.75rem;
+    border-radius: 0.5rem;
+}
+
+
+/* 应用领域 */
+.scene_box {
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.scene_box_item {
+    width: 22.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    font-size: 1rem;
+    text-align: center;
+}
+.scene_box_item_img {
+    width: 100%;
+    /* height: 20.1875rem; */
+    border-radius: 0.625rem;
+    background-color: #f7f8fa;
+    overflow: hidden;
+	position: relative;
+}
+.scene_box_item_img img {
+    width: 100%;
+}
+.scene_box_tow {
+	justify-content: center;
+}
+.scene_box_tow .scene_box_item {
+	width: 33.75rem;
+}
+.scene_box_tow .scene_box_item_img {
+	/* height: 26.875rem; */
+}
+.scene_box_item_title {
+    color: #2B2D33;
+    font-weight: 600;
+	text-align: center;
+}
+.scene_box_item_text {
+    color: #555A65;
+	text-align: center;
+}
+
+
+/* 关于我们 */
+.aboutMy_box {
+    padding: 3.75rem;
+    box-sizing: border-box;
+    border-radius: 1.5rem;
+    background-color: #F7F8FA;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.aboutMy_box_content{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 2.5rem;
+}
+.aboutMy_box_title {
+    color: #2B2D33;
+    font-size: 4rem;
+    font-weight: 600;
+}
+.aboutMy_box_text {
+    color: #555A65;
+    font-size: 1rem;
+    line-height: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+.aboutMy_box_btn a {
+    color: #fff;
+    width: 9.25rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+.aboutMy_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.aboutMy_box_img {
+    width: 30.625rem;
+    height: 33.125rem;
+}
+
+
+/* 合作伙伴 */
+.cooperation_box {
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    margin-top: 3.75rem;
+}
+.cooperation_box_scroll {
+	width: 63.75rem;
+	display: flex;
+	align-items: center;
+	animation: scroll 20s linear;
+	animation-iteration-count: infinite;
+}
+@keyframes scroll {
+	0% {
+		transform: translateX(0%);
+	}
+	100% {
+		transform: translateX(-200%);
+	}
+}
+.cooperation_box_item {
+    width: 20%;
+    min-width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.cooperation_box_img {
+    width: 4rem;
+    height: 4rem;
+    background-color: #f7f8fa;
+    border-radius: 50%;
+    overflow: hidden;
+}
+.cooperation_box_img img {
+    width: 2.5rem;
+    height: 2.5rem;
+}
+.cooperation_box_text {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    text-align: center;
+}
+
+
+
+/* 常见问题解答 */
+.problem {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.problem .body_box_subtitle {
+    text-align: left;
+}
+
+.problem_box {
+    width: 36.875rem;
+}
+
+.problem_box_item {
+    color: #2B2D33;
+    height: 6rem;
+    border-bottom: 0.0625rem solid #D7DAE2;
+    overflow: hidden;
+    transition: all 0.5s;
+}
+.problem_box_item_title {
+    height: 6rem;
+    font-size: 1.5rem;
+    display: flex;
+    align-items: center;
+}
+.problem_box_item_text {
+    color: #555A65;
+    font-size: 1rem;
+    padding-bottom: 2rem;
+}
+.fold_img {
+    margin-left: auto;
+    filter: grayscale(100%);
+    transform: rotate(180deg);
+    transition: all 0.5s;
+}
+.problem_box_item_sele {
+    height: auto;
+}
+.problem_box_item_sele .fold_img {
+    filter: grayscale(0%);
+    transform: rotate(0deg);
+    transition: all 0.5s;
+}
+
+
+/* 联系我们 */
+.contact_box {
+    background-color: #fff;
+    border-radius: 1.5rem;
+    padding: 3.75rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.contact_box .body_box_subtitle {
+    text-align: left;
+}
+.my_information {
+    color: #555A65;
+    margin-top: 2.5rem;
+    font-size: 0.875rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.my_information_item {
+    display: flex;
+    align-items: center;
+    height: 1.5rem;
+    font-weight: normal;
+    gap: 0.75rem;
+}
+
+.my_information_item img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.body_box_code {
+    color: #555A65;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.body_box_code img {
+    width: 12.5rem;
+    height: 12.5rem;
+    margin-bottom: 1.0625rem;
+}
+
+
+/* 底部导航 */
+.box_bottom_class {
+    color: #fff;
+    display: flex;
+    align-items: center;
+    padding-bottom: 3.125rem !important;
+}
+
+.bottom_logo {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    text-align: center;
+    font-size: 0.875rem;
+    width: 19.3125rem;
+    padding: 1.25rem;
+    box-sizing: border-box;
+}
+
+.bottom_logo img {
+    width: 5rem;
+    height: 4.9375rem;
+    margin-bottom: 1.25rem;
+}
+.bottom_logo_title {
+    font-size: 2.5rem;
+    margin-bottom: 2rem;
+}
+
+.bottom_menu {
+    flex: 1;
+    padding-left: 5.8125rem;
+    display: flex;
+}
+
+.bottom_menu_item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.bottom_menu_title {
+    font-size: 1.25rem;
+}
+
+.bottom_menu_li {
+    font-size: 0.875rem;
+    cursor: pointer;
+}
+.bottom_menu_li a {
+	color: #fff;
+	font-size: 0.875rem;
+}
+
+.bottom_wx_code {
+    width: 12.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.125rem;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.bottom_wx_code_img {
+    width: 100%;
+    height: 12.5rem;
+    background-color: #fff;
+    overflow: hidden;
+}
+.bottom_wx_code_img img {
+    width: 100%;
+    height: 100%;
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+.web_information_content {
+    color: #fff;
+    height: 100%;
+    padding: 0 !important;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+	flex-wrap: wrap;
+    gap: 2.5rem;
+}
+
+
+
+
+.user_box {
+	display: flex;
+	align-items: center;
+}
+.user_box_scroll_btn {
+	width: 2rem;
+	height: 2rem;
+	cursor: pointer;
+}
+.user_box_scroll_btn img {
+	width: 2rem;
+	height: 2rem;
+}
+.user_box_scroll {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	overflow: hidden;
+	padding: 0.3125rem 0.25rem;
+	margin: 0 1rem;
+	box-sizing: border-box;
+}
+.user_box_scroll_center {
+	display: flex;
+	align-items: center;
+	gap: 1.25rem;
+	transition: all 0.5s;
+	width: 100%;
+	/* width: 64rem; */
+	/* transform: translate(-64.75rem, 0); */
+	/* transform: translate(calc(-64.75rem), 0); */
+}
+.user_box_item {
+	color: #555A65;
+	width: calc(50% - 0.625rem);
+	min-width: calc(50% - 0.625rem);
+	max-width: calc(50% - 0.625rem);
+	/* width: 50%;
+	min-width: 50%;
+	max-width: 50%; */
+	min-height: 16.5rem;
+	background-color: #fff;
+	box-shadow: 0 2px 0.625rem rgba(0, 0, 0, 0.18);
+	border-radius: 0.625rem;
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+	/* padding: 1rem; */
+	padding-bottom: 1rem;
+	box-sizing: border-box;
+	font-size: 1rem;
+}
+.user_box_item_top {
+	display: flex;
+	align-items: center;
+	gap: 1rem;
+}
+.user_box_item_title {
+	font-size: 1.125rem;
+	line-height: 1.75rem;
+	margin-bottom: 0.125rem;
+}
+
+@media (max-width: 1120px) {
+	.scene_box_item {
+		width: 33.75rem;
+	}
+	.carousel__btns {
+		justify-content: center;
+	}
+}

+ 595 - 0
public/assets/websize/css/index.css

@@ -0,0 +1,595 @@
+
+/* 在根元素上定义变量 */
+:root {
+    --primary-color: #2a79ff;
+}
+body {
+    max-width: 100vw;
+}
+.web_title {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+.box {
+    width: 122.5rem;
+    max-width: 100%;
+    overflow: hidden;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.head_box {
+    width: 100%;
+    background-color: var(--primary-color);
+    color: #fff;
+    overflow: hidden;
+    position: relative;
+}
+.head_box_back {
+    position: absolute;
+    right: 1.25rem;
+    bottom: 0;
+    width: 45.75rem;
+}
+.head_tab {
+    width: 70rem;
+    height: 5.5rem;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+}
+.head_tab_items{
+    display: flex;
+    align-items: center;
+}
+.head_tab_item {
+    width: 7.75rem;
+    height: 3rem;
+    line-height: 3rem;
+    font-size: 1rem;
+	font-weight: 500;
+    text-align: center;
+}
+.head_tab_item a {
+	color: #fff;
+}
+.head_tab_logo {
+    width: 8.6875rem;
+    height: 3rem;
+    margin-right: auto;
+}
+.head_tab_menu {
+	width: 1.5rem;
+	height: 1.5rem;
+	margin-right: 1.25rem;
+}
+.contact_btn {
+    width: 6.5625rem;
+    height: 3rem;
+    margin-left: auto;
+    background-color: rgba(255, 255, 255, 0.08);
+    border-radius: 0.125rem;
+    font-size: 1rem;
+}
+.contact_btn a {
+    width: 100%;
+    height: 100%;
+}
+.contact_btn :hover{
+    transition: all 0.5s;
+    color: var(--primary-color) !important;
+    background-color: #fff !important;
+}
+
+
+
+.carousel_box {
+    width: 122.5rem;
+    padding-top: 2rem;
+    margin-bottom: 5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+.carousel_box_text {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2rem;
+    text-align: center;
+}
+.carousel_box_title {
+    font-size: 4rem;
+    font-weight: bold;
+}
+.carousel_box_content {
+    font-size: 1.25rem
+}
+.carousel_box_btn a {
+    width: 10.25rem;
+    height: 3.5rem;
+    background-color: #fff;
+    font-size: 1.25rem;
+    color: var(--primary-color);
+    gap: 0.75rem;
+}
+.carousel_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.carousel_box_img {
+    width: 50rem;
+    position: relative;
+    bottom: -5.3125rem;
+}
+
+
+
+.body_box {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f7f8fa;
+}
+.body_box_white {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+}
+.body_box_bottom {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #232634;
+}
+.body_box_bottom .body_box_item {
+    padding: 0;
+    padding-top: 6.25rem;
+}
+.body_box_item {
+    width: 70rem;
+    padding: 6.25rem 0;
+    margin: 0 auto;
+}
+.web_information {
+    width: 100%;
+    height: 4rem;
+    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
+}
+.body_box_title {
+    font-size: 3rem;
+    font-weight: 600;
+    line-height: 3.75rem;
+    text-align: center;
+}
+.body_box_subtitle {
+    color: var(--primary-color);
+    font-size: 1.5rem;
+}
+.body_box_introduce {
+    line-height: 3rem;
+    margin-top: 2rem;
+    font-size: 1.25rem;
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+
+/* 产品功能服务 */
+.service_box {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.25rem;
+}
+.service_box_item {
+    width: 34.375rem;
+    padding: 1.875rem 0;
+    border-radius: 0.625rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    box-shadow: 0 0.125rem 0.125rem rgba(71, 74, 89, 0.08), 0 0.125rem 0.5rem rgba(71, 74, 89, 0.15);
+    font-size: 1rem;
+    background-color: #fff;
+}
+.service_box_item_title {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+.body_box_introduce_two {
+    color: #555A65;
+    font-size: 1rem;
+    margin-top: 2.5rem;
+    margin-bottom: 4rem;
+    text-align: center;
+}
+.service_box_item_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+}
+.service_box_item_img {
+    width: 7.25rem;
+    height: 7.25rem;
+}
+.service_box_item_img img {
+    width: 3rem;
+    height: 3rem;
+}
+
+
+/* 可视化展示 */
+.exhibition_box {
+    width: 100%;
+    display: flex;
+    /* align-items: center; */
+    gap: 1.25rem;
+    overflow: hidden;
+	padding: 0 10px 10px;
+}
+.exhibition_box_item {
+    width: 34.375rem;
+    min-width: 34.375rem;
+    background-color: #fff;
+    border-radius: 0.625rem;
+    padding: 1.875rem 1.5625rem;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+	justify-content: space-between;
+    gap: 1.5rem;
+	transition: all 0.5s;
+}
+.exhibition_box_item:hover {
+	box-shadow: 0 0.125rem 0.125rem rgba(71, 74, 89, 0.1), 0 0.125rem 0.5rem rgba(71, 74, 89, 0.2);
+}
+.exhibition_box_icon {
+    width: 3.75rem;
+    height: 3.75rem;
+}
+.exhibition_box_title {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+}
+.exhibition_box_text {
+    color: #555A65;
+    text-align: center;
+    max-width: 20.875rem;
+    line-height: 1.5rem;
+    font-size: 1rem;
+}
+.exhibition_box_img {
+    height: 18.75rem;
+    border-radius: 0.5rem;
+}
+
+
+/* 应用领域 */
+.scene_box {
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.scene_box_item {
+    width: 22.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    font-size: 1rem;
+    text-align: center;
+}
+.scene_box_item_img {
+    width: 100%;
+    height: 20.1875rem;
+    border-radius: 0.625rem;
+    background-color: #f7f8fa;
+    overflow: hidden;
+}
+.scene_box_item_img img {
+    /* width: 100%; */
+	height: 100%;
+}
+.scene_box_item_title {
+    color: #2B2D33;
+    font-weight: 600;
+}
+.scene_box_item_text {
+    color: #555A65;
+}
+
+
+/* 关于我们 */
+.aboutMy_box {
+    padding: 3.75rem;
+    box-sizing: border-box;
+    border-radius: 1.5rem;
+    background-color: #F7F8FA;
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+}
+.aboutMy_box_content{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 2.5rem;
+}
+.aboutMy_box_title {
+    color: #2B2D33;
+    font-size: 4rem;
+    font-weight: 600;
+}
+.aboutMy_box_text {
+    color: #555A65;
+    font-size: 1rem;
+    line-height: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+.aboutMy_box_btn a {
+    color: #fff;
+    width: 9.25rem;
+    height: 3.5rem;
+    background-color: var(--primary-color);
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+.aboutMy_box_btn img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.aboutMy_box_img {
+    width: 30.625rem;
+    height: 33.125rem;
+}
+
+
+/* 合作伙伴 */
+.cooperation_box {
+	display: flex;
+	align-items: center;
+    overflow: hidden;
+    margin-top: 3.75rem;
+}
+.cooperation_box_scroll {
+	width: 63.75rem;
+	display: flex;
+	align-items: center;
+	animation: scroll 20s linear;
+	animation-iteration-count: infinite;
+}
+@keyframes scroll {
+	0% {
+		transform: translateX(0%);
+	}
+	100% {
+		transform: translateX(-200%);
+	}
+}
+.cooperation_box_item {
+    width: 20%;
+    min-width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+.cooperation_box_img {
+    width: 4rem;
+    height: 4rem;
+    border-radius: 50%;
+    overflow: hidden;
+}
+.cooperation_box_img img {
+    /* width: 2.5rem;
+    height: 2.5rem; */
+	width: 100%;
+	height: 100%;
+}
+.cooperation_box_text {
+    color: #2B2D33;
+    font-size: 1.5rem;
+    text-align: center;
+}
+
+
+/* 常见问题解答 */
+.problem {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.problem .body_box_subtitle {
+    text-align: left;
+}
+
+.problem_box {
+    width: 36.875rem;
+}
+
+.problem_box_item {
+    color: #2B2D33;
+    height: 6rem;
+    border-bottom: 0.0625rem solid #D7DAE2;
+    overflow: hidden;
+    transition: all 0.5s;
+}
+.problem_box_item_title {
+    height: 6rem;
+    font-size: 1.5rem;
+    display: flex;
+    align-items: center;
+}
+.problem_box_item_text {
+    color: #555A65;
+    font-size: 1rem;
+    padding-bottom: 2rem;
+}
+.fold_img {
+    margin-left: auto;
+    filter: grayscale(100%);
+    transform: rotate(180deg);
+    transition: all 0.5s;
+}
+.problem_box_item_sele {
+    height: auto;
+}
+.problem_box_item_sele .fold_img {
+    filter: grayscale(0%);
+    transform: rotate(0deg);
+    transition: all 0.5s;
+}
+
+
+/* 联系我们 */
+.contact_box {
+    background-color: #fff;
+    border-radius: 1.5rem;
+    padding: 3.75rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.contact_box .body_box_subtitle {
+    text-align: left;
+}
+.my_information {
+    color: #555A65;
+    margin-top: 2.5rem;
+    font-size: 0.875rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.my_information_item {
+    display: flex;
+    align-items: center;
+    height: 1.5rem;
+    font-weight: normal;
+    gap: 0.75rem;
+}
+
+.my_information_item img {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.body_box_code {
+    color: #555A65;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.body_box_code img {
+    width: 12.5rem;
+    height: 12.5rem;
+    margin-bottom: 1.0625rem;
+}
+
+
+/* 底部导航 */
+.box_bottom_class {
+    color: #fff;
+    display: flex;
+    align-items: center;
+    padding-bottom: 3.125rem !important;
+}
+
+.bottom_logo {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    text-align: center;
+    font-size: 0.875rem;
+    width: 19.3125rem;
+    padding: 1.25rem;
+    box-sizing: border-box;
+}
+
+.bottom_logo img {
+    width: 5rem;
+    height: 4.9375rem;
+    margin-bottom: 1.25rem;
+}
+.bottom_logo_title {
+    font-size: 2.5rem;
+    margin-bottom: 2rem;
+}
+
+.bottom_menu {
+    flex: 1;
+    padding-left: 5.8125rem;
+    display: flex;
+}
+
+.bottom_menu_item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.bottom_menu_title {
+    font-size: 1.25rem;
+}
+
+.bottom_menu_li {
+    font-size: 0.875rem;
+    cursor: pointer;
+}
+
+.bottom_wx_code {
+    width: 12.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.125rem;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.bottom_wx_code_img {
+    width: 100%;
+    height: 12.5rem;
+    background-color: #fff;
+    overflow: hidden;
+}
+.bottom_wx_code_img img {
+    width: 100%;
+    height: 100%;
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+.web_information_content {
+    color: #fff;
+    height: 100%;
+    padding: 0 !important;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+	flex-wrap: wrap;
+    gap: 2.5rem;
+}

+ 844 - 0
public/assets/websize/css/iot-school.css

@@ -0,0 +1,844 @@
+@font-face {
+    font-family: 'FontAwesome';
+    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
+    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+    font-weight: normal;
+    font-style: normal
+}
+/* 在根元素上定义变量 */
+:root {
+    --primary-color: #2a79ff;
+}
+body {
+    max-width: 100vw;
+}
+
+.carousel {
+    position: relative;
+    max-width: 70rem;
+    margin: auto;
+    overflow: hidden;
+}
+
+.carousel-images {
+    display: flex;
+    transition: transform 0.5s ease-in-out;
+}
+
+.carousel-images img {
+    max-width: 100%;
+    display: block;
+	height: 31rem;
+}
+
+.carousel-controls {
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    transform: translateY(-50%);
+}
+
+button {
+    background-color: rgba(255, 255, 255, 0.7);
+    border: none;
+    cursor: pointer;
+    font-size: 1.125rem;
+}
+.carousel-caption {
+	position: absolute;
+	color: #fff;
+	text-align: center;
+	z-index: 2;
+	left: 0;
+	right: 0;
+	background: rgba(0, 0, 0, 0.3);
+	padding: 0;
+	bottom: 0;
+	text-shadow: none;
+	padding: 0.3125rem 0;
+}
+@media (max-width: 767px) {
+    .hidden-xs {
+        display: none !important;
+    }
+}
+
+
+/*内容*/
+.introduce_box {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+	background: #fbfbfb;
+}
+.introduce_box_title {
+    color: #2B2D33;
+    /* width: 48rem; */
+	padding: 0.625rem;
+	box-sizing: border-box;
+}
+.school_box_right {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+	width: 20rem;
+	text-align: left;
+	padding: 0.625rem;
+	box-sizing: border-box;
+}
+
+.title {
+    display: flex;
+	margin-bottom: 0.625rem;
+	align-items: center;
+	justify-content: space-between;
+}
+.title-l {
+	font-size: 1.5rem;
+	font-weight: bold;
+	color: #333;
+	position: relative;
+	padding-left: 1.875rem;
+
+	&::before, &::after {
+	  content: '';
+	  position: absolute;
+	  width: 0.5rem;
+	  height: 0.5rem;
+	  background: #a0c6ff;
+	  top: 0.375rem;
+	  left: 0.75rem;
+	}
+
+	&::after {
+	  width: 0.75rem;
+	  height: 0.75rem;
+	  background: #2a79ff;
+	  left: 0;
+	  top: 0.875rem;
+	}
+}
+.contents {
+	padding-top: 0.3125rem;
+	margin-left: -0.9375rem;
+}
+.content-items{
+	position: relative;
+	cursor: pointer;
+	padding: 0.9375rem;
+	margin-bottom: 0.625rem;
+	display: flex;
+	cursor: pointer;
+	transition: all 0.2s linear;
+	border-radius: 0.125rem;
+}
+.content-item-l{
+	flex-shrink: 0;
+	width: 13rem;
+	height: 8.8rem;
+	border-radius: 0.125rem;
+	overflow: hidden;
+	position: relative;
+
+}
+.content-item-l img{
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	transition: all 1s;
+	&:hover{
+	  transform: scale(1.12);
+	}
+  }
+.views-num{
+	padding-right: 0.3125rem;
+}
+
+.content-item-l .sort{
+	position: absolute;
+	top: 0.625rem;
+	left: 0.625rem;
+	color: #fff;
+	font-size: 0.75rem;
+	padding: 0 0.5rem;
+	line-height: 1.5rem;
+	background: rgba(0, 0, 0, 0.6);
+	border-radius: 0.125rem;
+}
+.shuang {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+.content-item-r{
+	flex: 1;
+	padding-left: 1.25rem;
+	display: flex;
+	flex-wrap: wrap;
+	align-content: space-between;
+	text-align: left;
+	overflow: hidden;
+}
+.content-item-r-t{
+	color: #333;
+	font-size: 1.25rem;
+	font-weight: bold;
+	width: 100%;
+	line-height: 1.5rem;
+}
+.content-item-r-t a {
+	color: #333;
+	font-size: 1.25rem;
+	font-weight: bold;
+	display: block;
+	&:hover{
+	  color: #2a79ff;
+	}
+}
+.content-item-r-m{
+	padding-top: 0.5rem;
+	color: #666;
+	font-size: 0.875rem;
+	line-height: 1.5rem;
+	height: 3.025rem;
+	text-align: justify;
+	width: 100%;
+	font-weight: 400;
+}
+.content-item-r-b{
+	color: #999;
+	font-size: 0.75rem;
+	padding-top: 0;
+	width: 100%;
+	line-height: 1.5rem;
+	font-weight: 400;
+}
+.content-item-r-labels{
+	padding-top: 0.125rem;
+	display: flex;
+	flex-wrap: wrap;
+	width: 100%;
+	align-items: center;
+	gap: 1rem;
+	color: #666;
+	font-size: 0.8125rem;
+	justify-content: space-between;
+}
+.content-item-r-labels span strong {
+	color: #2a79ff;
+}
+.flx-gap {
+	display: flex;
+	gap: 1rem;
+}
+
+.content-item-r-label{
+	background: #F6F6F6;
+	border-radius: 0.25rem;
+	padding: 0.25rem 0.5rem;
+	color: #666;
+	font-size: 0.875rem;
+	margin-right: 1.25rem;
+	max-width: 6.75rem;
+	font-weight: 400;
+	line-height: 1.5rem;
+}
+
+.slider-title {
+	padding-top: 0.625rem;
+	color: #333;
+	font-size: 1rem;
+	font-weight: bold;
+	border-top: 0.125rem solid #E5E5E5;
+	position: relative;
+	width: 100%;
+	&::before{
+	  content: '';
+	  position: absolute;
+	  top: -0.125rem;
+	  left: 0;
+	  width: 5rem;
+	  height: 0.125rem;
+	  background-color: #2a79ff;
+	}
+}
+.slider-content {
+	padding-bottom: 2.5rem;
+}
+.slider-content{
+	padding-bottom: 2.5rem;
+
+}
+.slider-content-banner{
+	margin-top: 1.25rem;
+	position: relative;
+	height: 11.1875rem;
+	border-radius: 0.125rem;
+	overflow: hidden;
+	cursor: pointer;
+}
+.slider-content-banner img{
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	border-radius: 0.125rem;
+}
+.slider-content-banner .sort{
+	line-height: 1rem;
+	padding: 0 0.25rem;
+	position: absolute;
+	top: 0;
+	left: 0;
+	color: #fff;
+	font-size: 0.75rem;
+	min-width: 1rem;
+	text-align: center;
+	border-radius: 0.125rem 0 0.125rem 0;
+	background: rgba(0, 0, 0, 0.6);
+	&.top{
+	  background: #2a79ff;
+	}
+}
+.slider-content-banner-txt{
+	width: 100%;
+	height: 4.5rem;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
+	padding: 3rem 0.625rem 0.625rem;
+	color: #fff;
+	font-size: 0.75rem;
+	box-sizing: border-box;
+
+}
+.slider-content-banner-txt-t{
+	font-weight: bold;
+	font-size: 0.875rem;
+}
+.slider-content-banner-txt-b{
+	padding-top: 0.3125rem;
+	color: rgba(255, 255, 255, 0.8);
+}
+.slider-content-item{
+	margin-top: 1.25rem;
+	display: flex;
+	height: 4.375rem;
+	border-radius: 0.125rem;
+	overflow: hidden;
+	box-sizing: content-box;
+	cursor: pointer;
+}
+.slider-content-item-l{
+	position: relative;
+	width: 6.5625rem;
+	border-radius: 0.125rem;
+	overflow: hidden;
+	padding-right: 0.625rem;
+}
+.slider-content-item-l .sort{
+	line-height: 1rem;
+	padding: 0 0.25rem;
+	position: absolute;
+	top: 0;
+	left: 0;
+	color: #fff;
+	font-size: 0.75rem;
+	min-width: 1rem;
+	text-align: center;
+	border-radius: 0.125rem 0 0.125rem 0;
+	background: rgba(0, 0, 0, 0.6);
+	&.top{
+	background: #2a79ff;
+	}
+}
+.slider-content-items{
+	margin-top: 1.25rem;
+	display: flex;
+	/* height: 4.375rem; */
+	border-radius: 0.125rem;
+	overflow: hidden;
+	box-sizing: content-box;
+	cursor: pointer;
+}
+.slider-content-item-r{
+	flex: 1;
+	width: 100%;
+}
+.slider-content-item-r-t{
+	height: 2.5rem;
+	line-height: 1.25rem;
+	color: #333;
+	font-size: 0.875rem;
+	display: block;
+	width: 99%;
+}
+.slider-content-item-ts{
+	padding: 0.625rem 0 0.3rem;
+	border-top: 0.0625rem solid #f6f6f6;
+	line-height: 1.25rem;
+	color: #333;
+	font-size: 0.875rem;
+	display: block;
+	width: 99%;
+}
+.slider-content-item-bs{
+	color: #999;
+	font-size: 0.75rem;
+	padding-top: 0;
+}
+.slider-content-item-r-b{
+	color: #999;
+	font-size: 0.75rem;
+	padding-top: 0.8125rem;
+}
+.hot-search{
+	display: flex;
+	flex-wrap: wrap;
+	padding-bottom: 3.5rem;
+}
+.label{
+	padding: 0.25rem 0.5rem;
+	background: #F6F6F6;
+	border-radius: 0.25rem;
+	max-width: 8rem;
+	font-size: 0.875rem;
+	color: #666666;
+	margin-top: 0.9375rem;
+	margin-right: 0.9375rem;
+}
+.img{
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+  }
+
+#page {
+	min-height: 1.423rem;
+	display: table;
+	margin: 1.875rem auto 0;
+	align-items: center;
+	justify-content: center;
+}
+
+.page {
+	text-align: center;
+}
+
+.fl {
+	float: left;
+}
+
+.fr {
+	float: right;
+}
+
+.pagingUl {
+	float: right;
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	height: 1.875rem;
+}
+
+.pagingUl li {
+	float: left;
+	width: 1.875rem;
+	height: 1.875rem;
+	background: #dfdfdf;
+	text-align: center;
+	margin-right: 0.9375rem;
+	border-radius: 0.3125rem;
+}
+
+.pagingUl li a {
+	display: inline-block;
+	width: 1.875rem;
+	height: 1.875rem;
+	text-align: center;
+	line-height: 1.8rem;
+	color: #666;
+	font-size: 0.75rem;
+	border-radius: 0.3125rem;
+}
+
+.prv {
+	margin-right: 0.625rem;
+}
+
+.first,
+.last {
+	width: 1.875rem;
+	height: 1.875rem;
+	font-size: 0.75rem;
+	text-align: center;
+	line-height: 1.875rem;
+	cursor: pointer;
+	background: #dfdfdf;
+	padding: 0 0.3125rem;
+	border-radius: 0.3125rem;
+	margin-right: 0.625rem;
+}
+.prv, .next {
+	width: 1.875rem;
+	height: 1.875rem;
+	text-align: center;
+	line-height: 1.75rem;
+	cursor: pointer;
+	background: #dfdfdf;
+	padding: 0 0.3125rem;;
+	border-radius: 0.3125rem;
+}
+
+.prv:hover,
+.next:hover,
+.first:hover,
+.last:hover,
+.pagingUl li a:hover,
+.activP {
+	background-color: #2a79ff!important;
+	color: #fff!important;
+}
+
+
+.layui-laypage span {
+	display: inline-block;
+	vertical-align: middle;
+	padding: 0 0.9375rem;
+	background-color: #fff;
+	color: #333;
+	font-size: 0.75rem;
+}
+
+/*文本超长省略*/
+.dan {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+	-webkit-text-overflow: ellipsis;
+	-moz-text-overflow: ellipsis;
+}
+.fa {
+    display: inline-block;
+    font: normal normal normal 14px / 1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.fa-thumbs-up:before {
+    content: "\f164";
+}
+.fa-comments:before {
+    content: "\f086";
+}
+.fa-eye:before {
+    content: "\f06e";
+}
+
+/* 详情 */
+.detail-nav {
+    padding: 1.25rem 0;
+    font-size: 0.875rem;
+    color: rgba(0, 0, 0, 0.45);
+}
+.detail-nav a {
+    text-decoration: none;
+    color: #303133;
+}
+.content-title .content-title-t {
+	font-size: 1.5rem;
+	font-weight: bold;
+	color: #333;
+	line-height: 2.0625rem;
+}
+.content-title .content-title-b {
+    padding-top: 1.25rem;
+    color: #999;
+    font-size: 0.875rem;
+    display: flex;
+    justify-content: space-between;
+}
+.detail-content {
+    padding: 2rem 0 2rem;
+    color: #333;
+    font-size: 1rem;
+    line-height: 2rem;
+    text-align: justify;
+}
+.detail-content p {
+	line-height: 1.875rem;
+	padding-bottom: 0.5rem;
+}
+.ewmText {
+	font-size: 0.875rem;
+	color: #666;
+	padding-bottom: 0.5rem;
+}
+.alincenter{
+	text-align: center;
+}
+.detal-img{
+	padding: 0.625rem 0;
+	width: 31.25rem;
+}
+.detal-rwm{
+	padding: 0.625rem 0;
+	width: 12.5rem;
+}
+
+.social-share {
+    font-family: "socialshare" !important;
+    font-size: 1rem;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-stroke-width: 0.2px;
+    -moz-osx-font-smoothing: grayscale
+}
+.social-share .social-share-icon {
+    position: relative;
+    display: inline-block;
+    width: 2rem;
+    height: 2rem;
+    font-size: 1.25rem;
+    border-radius: 50%;
+    line-height: 2rem;
+    border: 0.125rem solid #666;
+    color: #666;
+    text-align: center;
+    vertical-align: middle;
+    transition: background 0.6s ease-out 0s;
+	text-decoration: none;
+	margin: 0.25rem;
+	outline: none;
+}
+.social-share .social-share-icon img{
+	width: 1rem;
+	height: 1rem;
+}
+.social-share .icon-weibo {
+    color: #ff763b;
+    border-color: #ff763b;
+}
+.social-share .icon-qq {
+    color: #56b6e7;
+    border-color: #56b6e7;
+}
+.social-share .icon-qzone {
+    color: #FDBE3D;
+    border-color: #FDBE3D;
+}
+.social-share .icon-wechat {
+    position: relative;
+    color: #7bc549;
+    border-color: #7bc549;
+}
+.social-share .icon-wechat .wechat-qrcode {
+    opacity: 0;
+    filter: alpha(opacity = 0);
+    visibility: hidden;
+    position: absolute;
+    z-index: 9;
+    top: -12.8125rem;
+    left: -5.25rem;
+    width: 12.5rem;
+    height: 12rem;
+    color: #666;
+    font-size: 0.75rem;
+    text-align: center;
+    background-color: #fff;
+    box-shadow: 0 0.125rem 0.625rem #aaa;
+    transition: all 200ms;
+    -webkit-tansition: all 350ms;
+    -moz-transition: all 350ms;
+}
+
+.social-share .icon-wechat .wechat-qrcode h4 {
+    font-weight: normal;
+    height: 1.625rem;
+    line-height: 1.625rem;
+    font-size: 0.75rem;
+    background-color: #f3f3f3;
+    margin: 0;
+    padding: 0;
+    color: #777
+}
+
+.social-share .icon-wechat .wechat-qrcode .qrcode {
+    width: 5.5625rem;
+    margin: 0.625rem auto;
+}
+.social-share .icon-wechat .wechat-qrcode .qrcode img {
+	width: 100%;
+	height: 100%;
+}
+.social-share .icon-wechat .wechat-qrcode .help p {
+    font-weight: normal;
+    line-height: 1rem;
+    padding: 0;
+    margin: 0;
+}
+
+.social-share .icon-wechat .wechat-qrcode:after {
+    content: '';
+    position: absolute;
+    left: 50%;
+    margin-left: -0.375rem;
+    bottom: -0.8125rem;
+    width: 0;
+    height: 0;
+    border-width: 0.5rem 0.375rem 0.375rem 0.375rem;
+    border-style: solid;
+    border-color: #fff transparent transparent transparent
+}
+
+.social-share .icon-wechat:hover .wechat-qrcode {
+    opacity: 1;
+    filter: alpha(opacity=100);
+    visibility: visible
+}
+
+.botText{
+	line-height: 1.875rem;
+	font-size: 0.875rem;
+	color: #666;
+}
+.botText a{
+	color: #444;
+}
+.botText .bot-label {
+	background-color: #e7e7e7;
+	padding: 0.125rem 0.5rem;
+	border-radius: 0.3125rem;
+	margin-right: 0.5rem;
+}
+
+/* 列表页 */
+.panel-heading {
+	position: relative;
+	padding: 0.9375rem 0;
+	border-bottom: 0.125rem solid #f5f5f5;
+    border-color: #ddd;
+	color: #333333;
+}
+.panel-heading .panel-title {
+    font-size: 1rem;
+	margin-top: 0;
+	margin-bottom: 0;
+	text-align: left;
+}
+.panel-title strong {
+	color: #2a79ff;
+}
+.panel-heading div.more {
+    position: absolute;
+	top: 1.0625rem;
+	right: 0;
+	display: block;
+	color: #919191;
+	-webkit-transition: all 0.3s ease;
+	-moz-transition: all 0.3s ease;
+	-o-transition: all 0.3s ease;
+	transition: all 0.3s ease;
+	font-weight: 400;
+	font-size: 0.8125rem;
+}
+.list-inline {
+    padding-left: 0;
+    list-style: none;
+    margin-left: -0.3125rem;
+}
+.list-inline > li {
+    display: inline-block;
+    padding-left: 0.3125rem;
+    padding-right: 0.3125rem;
+}
+.category-order li > a {
+    color: #333;
+}
+.category-order li > a.active {
+    color: #007bff;
+}
+
+
+ .navbar-form {
+    border-color: #e7e7e7;
+}
+.form-search input[type=search] {
+    background: url(../static/icon/search.svg) no-repeat 10px center;
+    background-size: 15px 15px;
+    border-color: transparent;
+	padding: 6px 10px;
+	border: 1px solid #ccc;
+	width: 12.5rem;
+	border-radius: 10em;
+	text-indent: 1.4375rem;
+
+}
+@media (max-width: 767px) {
+    .form-search input[type=search] {
+    	width: 21.5rem;
+		background-size: 10px 10px;
+		/* background: none; */
+    }
+}
+
+@media (max-width: 1120px) {
+	.school_box_right {
+		width: 100%;
+	}
+	.introduce_box_title {
+		width: 100%;
+	}
+	.slider-content-banner{
+		margin-top: 1.25rem;
+		display: flex;
+		height: 4.375rem;
+		border-radius: 0.125rem;
+		overflow: hidden;
+		box-sizing: content-box;
+		cursor: pointer;
+		position: inherit;
+	}
+	.sDetal .slider-content-banner {
+		height: 8rem;
+	}
+	.sDetal .slider-content-item-ln {
+		width: 15rem;
+	}
+	.slider-content-banner-txt-t {
+		height: 2.5rem;
+		line-height: 1.25rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		white-space: normal;
+	}
+	.slider-content-item-ln {
+	    position: relative;
+	    width: 6.5625rem;
+	    border-radius: 0.125rem;
+	    overflow: hidden;
+	    padding-right: 0.625rem;
+	}
+	.slider-content-banner-txt {
+		position: inherit;
+		background: none;
+		color: #333;
+		padding: 0;
+		height: auto;
+	}
+	.slider-content-banner-txt-b {
+		color: #999;
+		font-size: 0.75rem;
+		padding-top: 0.8125rem;
+	}
+}

+ 51 - 0
public/assets/websize/css/menu.css

@@ -0,0 +1,51 @@
+.mask-box {
+	position: fixed;
+	top: 0;
+	left: 0;
+	background-color: rgba(0, 0, 0, 0.2);
+	z-index: 9;
+	width: 100vw;
+	height: 110vh;
+	visibility: hidden;
+	transition: all 0.5s;
+}
+
+.mask-box-show {
+	transition: all 0.5s;
+	visibility: inherit !important;
+}
+
+.menu-box {
+	width: 40vw;
+	height: 100%;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	left: 0;
+	transition: all 0.5s;
+	transform: translate(-40vw, 0);
+	z-index: 10;
+}
+
+.menu-box-show {
+	transform: translate(0, 0) !important;
+}
+
+.menu-box-title {
+	width: 100%;
+	height: 6rem;
+}
+
+.menu-box-title img {
+	margin: 0 !important;
+}
+
+.menu-box-item {
+	height: 6.25rem;
+	/* border-bottom: 0.0625rem solid #ddd; */
+	font-size: 1.5rem;
+}
+
+.menu-box-item a {
+	color: #000;
+}

+ 77 - 0
public/assets/websize/css/resetcommon.css

@@ -0,0 +1,77 @@
+/*1029626114@qq.com*/
+@charset "utf-8";
+html{color:#000;background:#fff; font-size: 16px; }
+body { color:#232233;font-size:12px; width: 100%;} /*网站字体颜色*/
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{border:0;}
+address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
+del,ins{text-decoration:none;}
+li{list-style:none;}
+caption,th{text-align:left;}
+q:before,q:after{content:'';}
+abbr,acronym{border:0;font-variant:normal;}
+sup{vertical-align:baseline;}
+sub{vertical-align:baseline;} 
+input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
+input,button,textarea,select{*font-size:100%;}
+input,select{vertical-align:middle;}
+select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
+table{font-size:inherit;font:100%; border-collapse:collapse;}
+pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
+/*title*/
+h1 { font-size:32px;}
+h2 { font-size:26px;}
+h3 { font-size:20px;}
+h4 { font-size:14px;}
+h5 { font-size:12px;}
+h6 { font-size:10px;}
+
+.mt10{ margin-top:10px;}
+
+a {text-decoration:none; cursor: pointer;}  /*for ie f6n.net*/
+a:focus{outline:0;} /*for ff f6n.net*/
+a:hover { text-decoration:none;}
+.vam { vertical-align:middle;}
+.clear{clear:both; height:0; line-height:0; font-size:0;}
+p{ word-spacing:-1.5px;}
+.tr { text-align:right;}
+.tl { text-align:left;}
+.center { text-align:center;}
+.fl { float:left;}
+.fr { float:right;}
+.pa{ position:absolute;}
+.pr{ position:relative}
+/* -- 购物车外部框架 -- */
+.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
+
+.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
+
+/* -- 页面整体布局 -- */
+.header , .content , .footer { width:1200px; margin:0 auto; font-family:"Microsoft Yahei";}
+.left { width:201px; float:left; overflow:hidden;}
+.left2 { width:670px; float:left; overflow:hidden;}
+.left3 { width:754px; float:left; overflow:hidden; color:#666;}
+
+.right { width:735px; float:left; display:inline; margin-left:24px; overflow:hidden;}
+.right2 { width:275px;  float:right; overflow:hidden;}
+.right3 { width:201px; float:right; overflow:hidden; color:#666;}
+
+
+.right_main { width:735px; padding-bottom:15px; overflow:hidden; }
+.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
+.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}
+
+.h_nav li a:-webkit-any-link{ display:block;}
+
+/* function */
+h2 a:hover{ text-decoration: none;}
+input,textarea{ outline:none; }
+textarea{ resize:none;}
+em{ font-style: normal;}
+
+.flex {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

+ 91 - 0
public/assets/websize/js/index.js

@@ -0,0 +1,91 @@
+const items = document.querySelectorAll('.problem_box_item');
+items.forEach(item => {
+    item.addEventListener('click', () => {
+        // 移除其他项的样式
+        // items.forEach(i => i.classList.remove('problem_box_item_sele'));
+        // 添加当前点击项的样式
+        if(item.classList.contains('problem_box_item_sele')) {
+            item.classList.remove('problem_box_item_sele')
+        } else {
+            item.classList.add('problem_box_item_sele');
+        }
+    });
+});
+
+const menuBtn = document.querySelector('.head_tab_menu');
+const maskBox = document.querySelector('.mask-box');
+const menuBox = document.querySelector('.menu-box');
+
+menuBtn.addEventListener('click', () => {
+	document.body.style.overflow='hidden';
+	maskBox.classList.add('mask-box-show');
+	menuBox.classList.add('menu-box-show')
+});
+
+maskBox.addEventListener('click', () => {
+	document.body.style.overflow='visible';
+	maskBox.classList.remove('mask-box-show')
+	menuBox.classList.remove('menu-box-show')
+});
+
+menuBox.addEventListener('click', (event) => {
+	event.stopPropagation(); // 停止事件冒泡
+});
+
+// 滚动关于我们
+const toAbout = document.querySelectorAll('.toAbout');
+toAbout.forEach(item => {
+	item.addEventListener('click', () => {
+		document.getElementById('aboutClass').scrollIntoView({behavior: 'smooth'})
+	})
+});
+
+// 滚动合作伙伴
+const toCooperation = document.querySelectorAll('.toCooperation');
+toCooperation.forEach(item => {
+	item.addEventListener('click', () => {
+		document.getElementById('cooperationClass').scrollIntoView({behavior: 'smooth'})
+	})
+});
+
+// 滚动联系我们
+const contactBtn = document.querySelectorAll('.toContactMy');
+contactBtn.forEach(item => {
+	item.addEventListener('click', () => {
+		document.getElementById('contactMy').scrollIntoView({behavior: 'smooth'})
+	})
+});
+
+// 滚动顶部
+const toHeadBox = document.querySelectorAll('.toHeadBox');
+toHeadBox.forEach(item => {
+	item.addEventListener('click', () => {
+		document.getElementById('headBox').scrollIntoView({behavior: 'smooth'})
+	})
+});
+
+
+// 充电桩滚动切换
+const userItem = document.querySelectorAll('.user_box_item');
+let userItemNumber = (Number((userItem.length / 2).toFixed(0)) - 1)
+
+let userScrollIndex = 0
+const userLeftBtn = document.querySelector('.scroll_btn_left');
+const userRightBtn = document.querySelector('.scroll_btn_right');
+const userScroll = document.querySelector('.user_box_scroll_center');
+
+userLeftBtn.addEventListener('click', () => {
+	if(userScrollIndex != 0) {
+		userScrollIndex--
+		let ere = (50 * userScrollIndex) + '% - ' + (0.625 * userScrollIndex) + 'rem'
+		userScroll.style.cssText = 'transform: translate(calc(-'+ ere + '), 0);'
+	}
+});
+
+userRightBtn.addEventListener('click', () => {
+	if(userScrollIndex < userItemNumber) {
+		userScrollIndex++
+		let ere = (50 * userScrollIndex) + '% - ' + (0.625 * userScrollIndex) + 'rem'
+		userScroll.style.cssText = 'transform: translate(calc(-'+ ere + '), 0);'
+	}
+});

文件差異過大導致無法顯示
+ 4 - 0
public/assets/websize/js/jquery.min.js


+ 202 - 0
public/assets/websize/js/jquery.page.js

@@ -0,0 +1,202 @@
+/* 
+*page plugin 1.0   2016-09-29 by cary
+*/
+(function ($) {
+  //默认参数
+  var defaults = {
+    totalPages: 9,//总页数
+    liNums: 9,//分页的数字按钮数(建议取奇数)
+    activeClass: 'active' ,//active类
+    firstPage: '首页',//首页按钮名称
+    lastPage: '末页',//末页按钮名称
+    prv: '«',//前一页按钮名称
+    next: '»',//后一页按钮名称
+    hasFirstPage: true,//是否有首页按钮
+    hasLastPage: true,//是否有末页按钮
+    hasPrv: true,//是否有前一页按钮
+    hasNext: true,//是否有后一页按钮
+    callBack : function(page){
+        //回掉,page选中页数
+    }
+  };
+
+  //插件名称
+  $.fn.Page = function (options) {
+    //覆盖默认参数
+    var opts = $.extend(defaults, options);
+    //主函数
+    return this.each(function () {
+      var obj = $(this);
+      var l = opts.totalPages;
+      var n = opts.liNums;
+      var active = opts.activeClass;
+      var str = '';
+      var str1 = '<li><a href="javascript:" class="'+ active +'">1</a></li>';
+      if (l > 1&&l < n+1) {
+        for (i = 2; i < l + 1; i++) {
+          str += '<li><a href="javascript:">' + i + '</a></li>';
+        }
+      }else if(l > n){
+        for (i = 2; i < n + 1; i++) {
+          str += '<li><a href="javascript:">' + i + '</a></li>';
+        }
+      }
+      var dataHtml = '';
+      if(opts.hasNext){
+          dataHtml += '<div class="next fr">' + opts.next + '</div>';
+      }
+      if(opts.hasLastPage){
+          dataHtml += '<div class="last fr">' + opts.lastPage + '</div>';
+      }
+          dataHtml += '<ul class="pagingUl">' + str1 + str + '</ul>';
+      if(opts.hasFirstPage){
+          dataHtml += '<div class="first fr">' + opts.firstPage + '</div>';
+      }
+      if(opts.hasPrv){
+          dataHtml += '<div class="prv fr">' + opts.prv + '</div>';
+      }
+      
+      obj.html(dataHtml).off("click");//防止插件重复调用时,重复绑定事件
+      
+      obj.on('click', '.next', function () {
+        var pageshow = parseInt($('.' + active).html());
+        var nums,flag;
+        var a = n % 2;
+        if(a == 0){
+          //偶数
+          nums = n;
+          flag = true;
+        }else if(a == 1){
+          //奇数
+          nums = (n+1);
+          flag = false;
+        }
+        if(pageshow >= l) {
+          return;
+        }else if(pageshow > 0&&pageshow <= nums/2){
+          //最前几项
+          $('.' + active).removeClass(active).parent().next().find('a').addClass(active);
+        }else if((pageshow > l-nums/2&&pageshow < l&&flag==false)||(pageshow > l-nums/2-1&&pageshow < l&&flag==true)){
+          //最后几项
+          $('.' + active).removeClass(active).parent().next().find('a').addClass(active);
+        }else{
+          $('.' + active).removeClass(active).parent().next().find('a').addClass(active);
+          fpageShow(pageshow+1);
+        }
+        opts.callBack(pageshow+1);
+      });
+      obj.on('click', '.prv', function () {
+        var pageshow = parseInt($('.' + active).html());
+        var nums = odevity(n);
+        if (pageshow <= 1) {
+            return;
+        }else if((pageshow > 1&&pageshow <= nums/2)||(pageshow > l-nums/2&&pageshow < l+1)){
+          //最前几项或最后几项
+          $('.' + active).removeClass(active).parent().prev().find('a').addClass(active);
+        }else {
+          $('.' + active).removeClass(active).parent().prev().find('a').addClass(active);
+          fpageShow(pageshow-1);
+        }
+        opts.callBack(pageshow-1);
+      });
+
+      obj.on('click', '.first', function(){
+        var activepage = parseInt($('.' + active).html());
+        if (activepage <= 1){
+          return
+        }//当前第一页
+        opts.callBack(1);
+        fpagePrv(0);
+      });
+      obj.on('click', '.last', function(){
+        var activepage = parseInt($('.' + active).html());
+        if (activepage >= l){
+          return;
+        }//当前最后一页
+        opts.callBack(l);
+        if(l>n){
+          fpageNext(n-1);
+        }else{
+          fpageNext(l-1);
+        }
+      });
+
+      obj.on('click', 'li', function(){
+        var $this = $(this);
+        var pageshow = parseInt($this.find('a').html());
+        var nums = odevity(n);
+        opts.callBack(pageshow);
+        if(l>n){
+          if(pageshow > l-nums/2&&pageshow < l+1){
+            //最后几项
+            fpageNext((n-1)-(l-pageshow));
+          }else if(pageshow > 0&&pageshow < nums/2){
+            //最前几项
+            fpagePrv(pageshow-1);
+          }else{
+            fpageShow(pageshow);
+          }
+        }else{
+          $('.' + active).removeClass(active);
+          $this.find('a').addClass(active);
+        }
+      });
+
+          //重新渲染结构
+        /*activePage 当前项*/
+        function fpageShow(activePage){
+          var nums = odevity(n);
+          var pageStart = activePage - (nums/2-1);
+          var str1 = '';
+          for(i=0;i<n;i++){
+            str1 += '<li><a href="javascript:" class="">' + (pageStart+i) + '</a></li>'
+          }
+          obj.find('ul').html(str1);
+          obj.find('ul li').eq(nums/2-1).find('a').addClass(active);
+        }
+        /*index 选中项索引*/
+        function fpagePrv(index){
+          var str1 = '';
+          if(l>n-1){
+            for(i=0;i<n;i++){
+              str1 += '<li><a href="javascript:" class="">' + (i+1) + '</a></li>'
+            }
+          }else{
+            for(i=0;i<l;i++){
+              str1 += '<li><a href="javascript:" class="">' + (i+1) + '</a></li>'
+            }
+          }
+          obj.find('ul').html(str1);
+          obj.find('ul li').eq(index).find('a').addClass(active);
+        }
+        /*index 选中项索引*/
+        function fpageNext(index){
+          var str1 = '';
+          if(l>n-1){
+            for(i=l-(n-1);i<l+1;i++){
+              str1 += '<li><a href="javascript:" class="">' + i + '</a></li>'
+            }
+           obj.find('ul').html(str1);
+           obj.find('ul li').eq(index).find('a').addClass(active);
+          }else{
+            for(i=0;i<l;i++){
+              str1 += '<li><a href="javascript:" class="">' + (i+1) + '</a></li>'
+            }
+           obj.find('ul').html(str1);
+           obj.find('ul li').eq(index).find('a').addClass(active);
+          }
+        }
+        //判断liNums的奇偶性
+        function odevity(n){
+          var a = n % 2;
+          if(a == 0){
+            //偶数
+            return n;
+          }else if(a == 1){
+            //奇数
+            return (n+1);
+          }
+        }
+    });
+  }
+})(jQuery);

二進制
public/assets/websize/static/Icon.png


文件差異過大導致無法顯示
+ 9 - 0
public/assets/websize/static/Road.svg


+ 5 - 0
public/assets/websize/static/avatar.svg

@@ -0,0 +1,5 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#F7F8FA"/>
+<path d="M40.6668 42V39.3333C40.6668 37.9188 40.1049 36.5623 39.1047 35.5621C38.1045 34.5619 36.748 34 35.3335 34H24.6668C23.2523 34 21.8958 34.5619 20.8956 35.5621C19.8954 36.5623 19.3335 37.9188 19.3335 39.3333V42" stroke="#999EAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.9998 28.6667C32.9454 28.6667 35.3332 26.2789 35.3332 23.3333C35.3332 20.3878 32.9454 18 29.9998 18C27.0543 18 24.6665 20.3878 24.6665 23.3333C24.6665 26.2789 27.0543 28.6667 29.9998 28.6667Z" stroke="#999EAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

二進制
public/assets/websize/static/back-image.png


二進制
public/assets/websize/static/carousel/cimg1.png


二進制
public/assets/websize/static/carousel/new0.jpg


二進制
public/assets/websize/static/carousel/new1.png


二進制
public/assets/websize/static/chargingStation/img1.png


二進制
public/assets/websize/static/chargingStation/img2.png


二進制
public/assets/websize/static/chargingStation/img3.jpg


二進制
public/assets/websize/static/chargingStation/img4.jpg


二進制
public/assets/websize/static/chargingStation/img5.png


二進制
public/assets/websize/static/chargingStation/img6.png


二進制
public/assets/websize/static/chargingStation/img7.png


二進制
public/assets/websize/static/exhibition-icon.png


二進制
public/assets/websize/static/exhibition-img.png


二進制
public/assets/websize/static/fold-icon.png


二進制
public/assets/websize/static/homestay/img1.png


二進制
public/assets/websize/static/homestay/img2.png


二進制
public/assets/websize/static/homestay/img3.png


二進制
public/assets/websize/static/homestay/img4.png


二進制
public/assets/websize/static/homestay/img5.png


二進制
public/assets/websize/static/homestay/img6.jpg


二進制
public/assets/websize/static/homestay/img7.jpg


二進制
public/assets/websize/static/homestay/img8.jpg


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/icon/address.svg


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/icon/cdz.svg


二進制
public/assets/websize/static/icon/heart-fill.png


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/icon/minsu.svg


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/icon/phone.svg


+ 3 - 0
public/assets/websize/static/icon/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
+</svg>

二進制
public/assets/websize/static/icon/sina-weibo.png


二進制
public/assets/websize/static/icon/star-fill.png


二進制
public/assets/websize/static/icon/tencent-qq.png


二進制
public/assets/websize/static/icon/wechat.png


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/icon/xunj.svg


二進制
public/assets/websize/static/index/admin.png


二進制
public/assets/websize/static/index/admin2.png


二進制
public/assets/websize/static/index/admin3.png


二進制
public/assets/websize/static/index/admin4.png


二進制
public/assets/websize/static/index/admin5.jpg


二進制
public/assets/websize/static/index/admin6.jpg


二進制
public/assets/websize/static/index/al.png


二進制
public/assets/websize/static/index/aqs.png


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/index/dx.svg


二進制
public/assets/websize/static/index/fhty.png


二進制
public/assets/websize/static/index/hw.png


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/index/lt.svg


二進制
public/assets/websize/static/index/tx.jpg


文件差異過大導致無法顯示
+ 1 - 0
public/assets/websize/static/index/yd.svg


二進制
public/assets/websize/static/index/yxe.png


二進制
public/assets/websize/static/index/zhw.png


文件差異過大導致無法顯示
+ 16 - 0
public/assets/websize/static/logo-copy.svg


二進制
public/assets/websize/static/logo.png


+ 4 - 0
public/assets/websize/static/mailbox.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4.48438H20C21.1 4.48438 22 5.38437 22 6.48438V18.4844C22 19.5844 21.1 20.4844 20 20.4844H4C2.9 20.4844 2 19.5844 2 18.4844V6.48438C2 5.38437 2.9 4.48438 4 4.48438Z" stroke="#999EAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 6.48438L12 13.4844L2 6.48438" stroke="#999EAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

二進制
public/assets/websize/static/menu-logo.png


二進制
public/assets/websize/static/menu-two.png


二進制
public/assets/websize/static/menu.png


二進制
public/assets/websize/static/my.png


二進制
public/assets/websize/static/my/code.png


二進制
public/assets/websize/static/occupy-image.png


二進制
public/assets/websize/static/parkingLot/img1.png


二進制
public/assets/websize/static/parkingLot/img10.png


二進制
public/assets/websize/static/parkingLot/img2.png


二進制
public/assets/websize/static/parkingLot/img3.png


二進制
public/assets/websize/static/parkingLot/img4.png


二進制
public/assets/websize/static/parkingLot/img5.png


二進制
public/assets/websize/static/parkingLot/img6.png


二進制
public/assets/websize/static/parkingLot/img7.png


二進制
public/assets/websize/static/parkingLot/img8.png


二進制
public/assets/websize/static/parkingLot/img9.png


+ 4 - 0
public/assets/websize/static/point-right-white.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 12.4844H19" stroke="#F7F8FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 5.48438L19 12.4844L12 19.4844" stroke="#F7F8FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 4 - 0
public/assets/websize/static/point-right.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 12H19" stroke="#2A79FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 5L19 12L12 19" stroke="#2A79FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 3 - 0
public/assets/websize/static/scroll-left.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 24L12 16L20 8" stroke="#999EAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 3 - 0
public/assets/websize/static/scroll-right.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 24L20 16L12 8" stroke="#999EAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

二進制
public/assets/websize/static/title-logo.ico


二進制
public/assets/websize/static/title-logo.png


+ 0 - 0
public/baidu_verify_codeva-ClpdEFGkE6.html


部分文件因文件數量過多而無法顯示