首页 发现 帮助
登录
wangyuan
/
websize_cms
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

更新官网资料

1557492053 1 年之前
父节点
91c6e1defb
当前提交
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' => '站点名称',
 
         'title' => '站点名称',
 
         'type' => 'string',
 
         'type' => 'string',
 
         'content' => [],
 
         'content' => [],
 
-        'value' => '五五开发',
 
+        'value' => '哈咪物联',
 
         'rule' => 'required',
 
         'rule' => 'required',
 
         'msg' => '',
 
         'msg' => '',
 
         'tip' => '',
 
         'tip' => '',
 
@@ -30,7 +30,7 @@ return [
 
         'title' => '站点Logo',
 
         'title' => '站点Logo',
 
         'type' => 'image',
 
         'type' => 'image',
 
         'content' => [],
 
         'content' => [],
 
-        'value' => '/uploads/20231106/7ed94a173ca29781a722ee262bd6e1d8.png',
 
+        'value' => '/uploads/20241016/4846d2bc212b0a419504f0dc366d330b.png',
 
         'rule' => 'required',
 
         'rule' => 'required',
 
         'msg' => '',
 
         'msg' => '',
 
         'tip' => '高度50px，宽度建议160px以内',
 
         'tip' => '高度50px，宽度建议160px以内',
 
@@ -66,7 +66,7 @@ return [
 
         'title' => '首页描述',
 
         'title' => '首页描述',
 
         'type' => 'string',
 
         'type' => 'string',
 
         'content' => [],
 
         'content' => [],
 
-        'value' => '55kaifa.com是一家专业的软件开发与解决方案提供商，致力于为企业提供高质量的定制开发服务。我们拥有丰富的开发经验和先进的技术团队，助您实现业务目标。',
 
+        'value' => '哈咪物联 是一家专业的软件开发与解决方案提供商，致力于为企业提供高质量的定制开发服务。我们拥有丰富的开发经验和先进的技术团队，助您实现业务目标。',
 
         'rule' => '',
 
         'rule' => '',
 
         'msg' => '',
 
         'msg' => '',
 
         'tip' => '',
 
         '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/iconfont.css?v={$site.version}">
 
     <link rel="stylesheet" media="screen" href="__ADDON__/css/common.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:title" content="{cms:config name='cms.title|htmlentities'/}"/>
 
     <meta property="og:image" content="{cms:config name='cms.image|htmlentities'/}"/>
 
     <meta property="og:image" content="{cms:config name='cms.image|htmlentities'/}"/>
 
@@ -42,7 +49,7 @@
 
 
 
     {cms:block name="header" field="content" /}
 
     {cms:block name="header" field="content" /}
 
 </head>
 
 </head>
 
-<body class="group-page skin-white">
 
+<body class="group-page skin-white" style="background-color: #ffffff">
 
 
 
 <header class="header">
 
 <header class="header">
 
     <!-- S 导航 -->
 
     <!-- S 导航 -->
 
@@ -158,31 +165,102 @@
 
 </main>
 
 </main>
 
 
 
 <footer>
 
 <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>
 
             </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>
 
     </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>
 
 </footer>
 
 
 
 <div id="floatbtn">
 
 <div id="floatbtn">

+ 32 - 91
addons/cms/view/default/index.html
查看文件 

@@ -2,74 +2,41 @@
 
 
 
 <div class="container" id="content-container">
 
 <div class="container" id="content-container">
 
 
 
-    <!--<div style="margin-bottom:20px;">-->
 
-    <!--{cms:block name="bannerad"/}-->
 
-    <!--</div>-->
 
-
 
     <div class="row">
 
     <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>
 
                     </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>
 
                 </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>
 
             </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 panel-default">
 
                 <div class="panel-heading">
 
                 <div class="panel-heading">
 
                     <h3 class="panel-title">
 
                     <h3 class="panel-title">
 
@@ -78,9 +45,9 @@
 
                         <div class="more hidden-xs">
 
                         <div class="more hidden-xs">
 
                             <ul class="list-unstyled list-inline">
 
                             <ul class="list-unstyled list-inline">
 
                                 <!-- E 栏目筛选 -->
 
                                 <!-- 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 栏目筛选 -->
 
                                 <!-- E 栏目筛选 -->
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
@@ -134,23 +101,6 @@
 
 
 
 <div class="container hidden-xs">
 
 <div class="container hidden-xs">
 
     <div class="panel panel-default">
 
     <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 友情链接 -->
 
         <!-- S 友情链接 -->
 
         <div class="panel-heading">
 
         <div class="panel-heading">
 
             <h3 class="panel-title">友情链接
 
             <h3 class="panel-title">友情链接
 
@@ -168,12 +118,3 @@
 
     </div>
 
     </div>
 
 
 
 </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
查看文件


部分文件因为文件数量过多而无法显示