diff --git a/src/about/callme.html b/src/about/callme.html
new file mode 100644
index 0000000..c42a908
--- /dev/null
+++ b/src/about/callme.html
@@ -0,0 +1,243 @@
+<html class="js cssanimations">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="applicable-device" content="pc,mobile" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <title>熙讯科技-车载广告屏解决方案</title>
+    <meta name="keywords" content="熙讯、熙讯云科技、熙讯电子科技有限公司、车载屏、车载广告屏、解决方案" />
+    <meta name="description" content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！" />
+    <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
+    <link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
+
+    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
+    <meta name="Author" content="xixun" />
+
+    <script>
+        var _hmt = _hmt || [];
+        (function () {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?7ff6901a09fa9902efaaf3ed8347d4d6";
+            var s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+        })();
+    </script>
+    <script>
+        var _hmt = _hmt || [];
+        (function () {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?affc14f9acc293b595d93fb3d8e21590";
+            var s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+        })();
+    </script>
+    <script>
+
+
+        var type = navigator.appName;
+        if (type == "Netscape") var lang = navigator.language;
+        else var lang = navigator.userLanguage;
+        var lang = lang.substr(0, 2);
+
+        //英文路径
+        var url = window.location;
+        //获取网页的来路
+
+        function getQueryString(name) {
+            const url_string = window.location.href; // window.location.href
+            const url = new URL(url_string);
+            if (url.searchParams.get(name) != null) {
+                Cookie_Set('language', url.searchParams.get(name));
+            }
+        }
+        getQueryString('language');
+        console.log(!Cookie_Get('language'), lang)
+        if (!Cookie_Get('language') && lang == 'en') {
+            window.location.href = 'https://en.colorlightinside.com';
+        }
+
+
+        function Cookie_Set(name, val) {
+            // var strsec = getsec(time);
+            var exp = new Date();
+            // exp.setTime(exp.getTime() + strsec * 1);
+            document.cookie = name + "=" + val + ";path=/";
+        }
+        function Cookie_Get(name) {
+            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+            if (arr = document.cookie.match(reg)) {
+                return (arr[2]);
+            } else {
+                return null;
+            }
+        }
+        function getsec(str) {
+            var str1 = str.substring(1, str.length) * 1;
+            var str2 = str.substring(0, 1);
+            if (str2 == "s") {
+                return str1 * 1000;
+            } else if (str2 == "h") {
+                return str1 * 60 * 60 * 1000;
+            } else if (str2 == "d") {
+                return str1 * 24 * 60 * 60 * 1000;
+            }
+        }
+    </script>
+</head>
+
+
+
+<body>
+
+    <div class="header head3">#include(navbar)</div>
+
+    <!--  -->
+    <div class="banner2">
+        <img src="https://support.colorlightinside.com/uploads/联系我们_1673599182.jpg" alt="">
+        <div class="banner2text">
+            <div class="container1260">
+                <p></p>
+                <h5></h5>
+            </div>
+        </div>
+    </div>
+    <div class="contactUs">
+        <div class="container1260">
+            <h5 class="LtextTit">联系方式</h5>
+            <div class="contactUsCon">
+                <div class="left">
+                    <p style="line-height: 3em;"><span style="font-size: 18px; color: rgb(255, 255, 255);">
+                            <strong>上海总公司</strong></span></p>
+                    <p style="line-height: 2em;"><span style="font-size: 14px; color: rgb(255, 255, 255);">
+                            电话： 021-51875808<br>
+                            地址:上海市嘉定区金沙江西路1555弄C2区31号501室</span></p>
+                    <p style="line-height: 3em;"><span style="font-size: 18px; color: rgb(255, 255, 255);">
+                            <strong>深圳分公司</strong></span></p>
+                    <p style="line-height: 2em;"><span style="font-size: 14px; color: rgb(255, 255, 255);">
+                                电话： 0755-88833820<br>
+                                地址:深圳市宝安区石岩街道松白路三联工业区B栋2楼</span></p>
+                    <div style="background-color:  rgb(255, 255, 255); width: 30%; height: 1px;margin-top: 10px;margin-bottom: 10px;"></div>
+                    <p style="line-height: 2em;"><span style="font-size: 14px; color: rgb(255, 255, 255);">
+                        售前咨询邮箱：sales@xixunled.com<br>
+                        技术支持邮箱：tech@xixunled.com<br>
+                        投诉及建议邮箱：service@xixunled.com</span></p>
+                </div>
+                <div class="right">
+                    <img src="https://support.colorlightinside.com/uploads/未标题-2_1673850563.jpg" alt="">
+                </div>
+            </div>
+
+
+            <div class="contactUsCont wow fadeInUp animated" data-wow-duration="2s"
+                style="visibility: visible; animation-duration: 2s; animation-name: fadeInUp;">
+                <div class="tabItem active">
+                    <div class="box">
+                        <h5> <strong>国内销售</strong></h5>
+                        <div class="list">
+                            <p><strong> 智慧车载控制</strong></p>
+                            <p>李经理     手机/微信: 18028752073  </p>
+                        </div>
+                        <div class="list">
+                            <p><strong>智慧灯杆控制</strong></p>
+                            <p>李经理     手机/微信: 19924487235</p>
+                            <p>李经理     手机/微信: 18939714031</p>
+                            <p>张工     手机/微信: 18938847869</p>
+                        </div>
+                        <div class="list">
+                            <p><strong>贸易外贸公司及LCD屏幕控制</strong></p>
+                            <p>代经理     手机/微信: 18028773205 </p>
+                            <p>胡工      手机/微信: 18122087701 </p>
+                        </div>
+                        <div class="list">
+                            <p><strong>同步大屏及渠道大客户常规控制</strong></p>
+                            <p>伍经理     手机/微信: 18033421270</p>
+                            <p>董工     手机/微信: 18038068559   </p>
+                        </div>
+                    </div>
+                    <div class="box">
+                        <h5> <strong>技术支持</strong></h5>
+                        <div class="list">
+                            <p><strong> 国内技术支持</strong></p>
+                            <p>易工     手机/微信: 18938849935 </p>
+                            <p>蒋工     手机/微信: 18038130285</p>
+                            <p>刘工     手机/微信: 18129853007</p>
+                            <p>蔡工     手机/微信: 18126409203</p>
+                            <p>王工     手机/微信: 18964074955</p>
+                            <p>柳工     手机/微信: 18122087173</p>
+                        </div>
+                        <div class="list">
+                            <p><strong>海外支持</strong></p>
+                            <p>谭丹 Daisy     WhatsApp/微信: 18676664564  企业邮箱: td@xixunled.com  </p>
+                            <p>王慧 Emily     WhatsApp/微信: 18964074955  企业邮箱: emily@xixunled.com   </p>
+                        </div>
+                        <div class="list">
+                            <p><strong>二次开发</strong></p>
+                            <p>郭工     手机/微信: 18123982827</p>
+                            <p>邮箱:    sdk@xixunled.com</p>
+                        </div>
+                        <div class="list">
+                            <p><strong>项目定制</strong></p>
+                            <p>邮箱:     sdk@xixunled.com</p>
+                        </div>
+                    </div>
+                    <div class="box">
+                        <h5> <strong>区域代理</strong></h5>
+                        <div class="list">
+                            <p>因公司业务蒸蒸日上，蓬渤发展，规模不断扩大，现诚招区域代理商（北京、福建、成都、西安）。我们有优质的产品和服务，并能提供给您意想不到的优惠，赶快来挑战一下吧!</p>
+                            <br>
+                            <p>联系人：李经理</p>
+                            <p>电话：18028752073</p>
+                            <p>微信：lil_2011</p>
+                        </div>
+                    </div> 
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    #include(footer)
+    <div class="Topping" id="ScrollTop"><i class="iconfont icon_top1"></i></div>
+
+
+
+
+
+    <script type="text/javascript" src="/dist/js/share.js"></script>
+       <!--select模拟插件-->
+       <script type="text/javascript" src="/static/js/select2.min.js"></script>
+    
+       <!--省市区三级联动-->
+       <script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
+       <script type="text/javascript" src="/static/js/jquery.citys.js"></script>
+       
+       <!--wow入场插件-->
+       <script type="text/javascript" src="/static/js/wow.min.js"></script>
+    <!-- 数字滚动插件 -->
+    <script type="text/javascript" src="/static/js/jquery.counterup.min.js"></script>
+    <script type="text/javascript" src="/static/js/waypoints.min.js"></script>
+
+    <!--swiper插件-->
+    <script type="text/javascript" src="/static/js/swiper.jquery.min.js"></script>
+    
+    <!--瀑布流插件-->
+    <script src="/static/js/modernizr.custom.js"></script>
+    <script src="/static/js/masonry.pkgd.min.js"></script>
+    <script src="/static/js/imagesloaded.pkgd.min.js"></script>
+    <script src="/static/js/classie.js"></script>
+    <script src="/static/js/AnimOnScroll.js"></script>
+    
+    <!--自定义脚本-->
+    <script type="text/javascript" src="/js/layout.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/about/index.html b/src/about/index.html
new file mode 100644
index 0000000..b96441d
--- /dev/null
+++ b/src/about/index.html
@@ -0,0 +1,395 @@
+<html class=" js cssanimations">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="applicable-device" content="pc,mobile" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <title>熙讯科技-车载广告屏解决方案</title>
+    <meta name="keywords" content="熙讯、熙讯云科技、熙讯电子科技有限公司、车载屏、车载广告屏、解决方案" />
+    <meta name="description" content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！" />
+    <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
+    <link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
+
+    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
+    <meta name="Author" content="xixun" />
+  </head>
+
+
+
+
+<body>
+
+    <div class="header head3">#include(navbar)</div>
+
+    <div class="aboutUs">
+        <div class="con1 padd wow fadeInUp animated" data-wow-duration="2s" id="con1"
+            style="visibility: visible; animation-duration: 2s; animation-name: fadeInUp;">
+
+            <a href="" class="img">
+                <img src="/static/about/index/companyValues.png" alt="">
+                <div class="t1">
+                    <br>
+                </div>
+            </a>
+            <div class="container1260">
+                <div class="text">
+                    <h5 class="LtextTit">关于我们</h5>
+                    <div class="t1">
+                        <p>上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！
+                        </p>
+                        
+                        <p style="text-align: center; line-height:1;"><img
+                                src="/static/about/index/companyValues.png" title=""
+                                _src="/static/about/index/companyValues.png" alt=""></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="container1260">
+            <div class="con2 padd ">
+                <div class="tit1 wow fadeInUp animated" data-wow-duration="2s"
+                    style="visibility: visible; animation-duration: 2s; animation-name: fadeInUp;">
+                    <h5 class="LtextTit">熙讯是xxxxxxx。</h5>
+                    <div class="t">
+                        <p>熙讯是xxxxxxx。
+                        </p>
+                    </div>
+                </div>
+                <div class="box wow fadeInUp animated" data-wow-duration="2s"
+                    style="visibility: visible; animation-duration: 2s; animation-name: fadeInUp;">
+                    <div class="li">
+                        <h5><span class="couter" data-counter-time="2000"> 1000</span><span class="tip">+</span> </h5>
+                        <p>熙讯是xxxxxxx。</p>
+                    </div>
+                    <div class="li">
+                        <h5><span class="couter" data-counter-time="2000"> 400</span><span class="tip">+</span> </h5>
+                        <p>熙讯是xxxxxxx。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="con3 padd wow fadeInUp animated" data-wow-duration="2s"
+            style="visibility: visible; animation-duration: 2s; animation-name: fadeInUp;">
+            <div class="container1260">
+                <h5 class="LtextTit">熙讯是xxxxxxx。</h5>
+                <div class="tit1">
+                    <div class="t">
+                        <p>熙讯是xxxxxxx。</p>
+                        <p>熙讯是xxxxxxx。</p>
+                    </div>
+                </div>
+                <div class="box">
+                    <div class="li">
+                        <div class="icon"><img
+                                src="/static/about/index/companyValues.png" alt=""></div>
+                        <div class="t">熙讯是xxxxxxx。</div>
+                    </div>
+                    <div class="li">
+                        <div class="icon"><img
+                                src="/static/about/index/companyValues.png" alt=""></div>
+                        <div class="t">熙讯是xxxxxxx。</div>
+                    </div>
+                    <div class="li">
+                        <div class="icon"><img
+                                src="/static/about/index/companyValues.png" alt=""></div>
+                        <div class="t">熙讯是xxxxxxx。</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="con4 padd wow fadeInUp" data-wow-duration="2s"
+            style="visibility: hidden; animation-duration: 2s; animation-name: none;">
+            <h5 class="LtextTit">熙讯是xxxxxxx。</h5>
+            <div class="container1260">
+
+                <div class="tit1">
+                    <div class="t">
+                        熙讯是xxxxxxx。</div>
+                    <div class="bjText">Global</div>
+                </div>
+                <div class="box">
+                    <div class="img"><img src="/static/about/index/companyValues.png" alt=""></div>
+                    <div class="punctuation_box">
+                        <div class="punctuation">
+                            <div class="block" data-left="389" data-top="117" style="left: 44.16%; top: 25.46%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="420" data-top="163" style="left: 47.75%; top: 36.11%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="448" data-top="141" style="left: 50.98%; top: 31.02%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="395" data-top="176" style="left: 44.86%; top: 39.12%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="436" data-top="168" style="left: 49.6%; top: 37.27%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="600" data-top="230" style="left: 68.55%; top: 51.62%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="675" data-top="217" style="left: 77.23%; top: 48.61%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="667" data-top="167" style="left: 76.3%; top: 37.04%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="630" data-top="198" style="left: 72.02%; top: 44.21%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="668" data-top="192" style="left: 76.42%; top: 42.82%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="653" data-top="186" style="left: 74.68%; top: 41.44%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="172" data-top="122" style="left: 19.08%; top: 26.62%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="178" data-top="177" style="left: 19.77%; top: 39.35%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="637" data-top="238" style="left: 72.83%; top: 53.47%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="642" data-top="272" style="left: 73.41%; top: 61.34%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="683" data-top="113" style="left: 78.15%; top: 24.54%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="428" data-top="134" style="left: 48.67%; top: 29.4%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="524" data-top="226" style="left: 59.77%; top: 50.69%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="665" data-top="223" style="left: 76.07%; top: 50%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="701" data-top="286" style="left: 80.23%; top: 64.58%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="720" data-top="182" style="left: 82.43%; top: 40.51%;">
+                                <div class="city">城市</div>
+                            </div>
+                            <div class="block" data-left="748" data-top="187" style="left: 85.66%; top: 41.67%;">
+                                <div class="city">城市</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="con6 padd wow fadeInUp" data-wow-duration="2s" id="con6"
+            style="visibility: hidden; animation-duration: 2s; animation-name: none;">
+            <div class="container1260">
+                <h5 class="LtextTit">发展历程</h5>
+                <p style="text-align: center; line-height:1;"><img
+                    src="/static/about/index/develop.jpg"
+                    _src="/static/about/index/develop.jpg" alt=""></p>
+                <!-- <div class="aboutUsCon6_swiperBox">
+                    <div class="swiper-container aboutUsCon6_swiper swiper-container-horizontal">
+                        <div class="swiper-wrapper"
+                            style="transform: translate3d(-412.667px, 0px, 0px); transition-duration: 0ms;">
+                            <div class="swiper-slide active" style="width: 206.333px;">2022-2023</div>
+                            <div class="swiper-slide swiper-slide-prev" style="width: 206.333px;">2020-2021</div>
+                            <div class="swiper-slide swiper-slide-active" style="width: 206.333px;">2018-2019</div>
+                            <div class="swiper-slide swiper-slide-next" style="width: 206.333px;">2015-2017</div>
+                            <div class="swiper-slide" style="width: 206.333px;">2012-2014</div>
+                        </div>
+                    </div>
+                </div> -->
+                <div class="box">
+                    <div class="li active">
+                        <div class="img">
+                            <div class="pictureBox"><img
+                                    src="/static/about/index/companyValues.png" alt="">
+                            </div>
+
+                        </div>
+                        <div class="text">
+                        </div>
+                    </div>
+                    <div class="li ">
+                        <div class="img">
+                            <div class="pictureBox"><img
+                                    src="/static/about/index/companyValues.png" alt="">
+                            </div>
+
+                        </div>
+                        <div class="text">
+                        </div>
+                    </div>
+                    <div class="li ">
+                        <div class="img">
+                            <div class="pictureBox"><img
+                                    src="/static/about/index/companyValues.png" alt="">
+                            </div>
+
+                        </div>
+                        <div class="text">
+                        </div>
+                    </div>
+                    <div class="li ">
+                        <div class="img">
+                            <div class="pictureBox"><img
+                                    src="/static/about/index/companyValues.png" alt="">
+                            </div>
+
+                        </div>
+                        <div class="text">
+                        </div>
+                    </div>
+                    <div class="li ">
+                        <div class="img">
+                            <div class="pictureBox"><img
+                                    src="/static/about/index/companyValues.png" alt="">
+                            </div>
+
+                        </div>
+                        <div class="text">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="con8 wow fadeInUp" data-wow-duration="2s"
+            style="visibility: hidden; animation-duration: 2s; animation-name: none;">
+            <div id="con8"></div>
+            <a href="javascript:;">
+                <img src="/static/about/index/companyVision.png" alt="">
+                <div class="container1260">
+                    <div class="tit2">
+                        <h5></h5>
+                        <p>
+                            <br>
+                        </p>
+                    </div>
+                </div>
+            </a>
+        </div>
+
+        <div class="con8 wow fadeInUp" data-wow-duration="2s"
+            style="visibility: hidden; animation-duration: 2s; animation-name: none;">
+            <div id="con9"></div>
+            <a href="javascript:;">
+                <img src="/static/about/index/companyMission.png" alt="">
+                <div class="container1260">
+                    <div class="tit2">
+                        <h5></h5>
+                        <p>
+                            <br>
+                        </p>
+                    </div>
+                </div>
+            </a>
+        </div>
+
+        <div class="con8 wow fadeInUp" data-wow-duration="2s"
+            style="visibility: hidden; animation-duration: 2s; animation-name: none;">
+            <div id="con10"></div>
+            <a href="javascript:;">
+                <img src="/static/about/index/companyValues.png" alt="">
+                <div class="container1260">
+                    <div class="tit2">
+                        <h5></h5>
+                        <p>
+                            <br>
+                        </p>
+                    </div>
+                </div>
+            </a>
+        </div>
+
+    </div>
+
+    #include(footer)
+    <div class="Topping" id="ScrollTop"><i class="iconfont icon_top1"></i></div>
+
+
+
+
+
+
+    <script type="text/javascript" src="/static/js/share.js"></script>
+    <!--select模拟插件-->
+    <script type="text/javascript" src="/static/js/select2.min.js"></script>
+    
+    <!--省市区三级联动-->
+    <script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
+    <script type="text/javascript" src="/static/js/jquery.citys.js"></script>
+    
+    <!--wow入场插件-->
+    <script type="text/javascript" src="/static/js/wow.min.js"></script>
+    
+    <!-- 数字滚动插件 -->
+    
+    <script>
+        $('.couter').each(function(){
+            var text = $(this).text();
+            if(text.indexOf("+") !== -1){
+               text = text.slice(0,text.length-1);
+               $(this).text(text);
+               $(this).next().text('+');
+            }
+        })
+    </script>
+    <script type="text/javascript" src="/static/js/jquery.counterup.min.js"></script>
+    <script type="text/javascript" src="/static/js/waypoints.min.js"></script>
+    
+    <!--swiper插件-->
+    <script type="text/javascript" src="/static/js/swiper.jquery.min.js"></script>
+    
+    <!--瀑布流插件-->
+    <script src="/static/js/modernizr.custom.js"></script>
+    <script src="/static/js/masonry.pkgd.min.js"></script>
+    <script src="/static/js/imagesloaded.pkgd.min.js"></script>
+    <script src="/static/js/classie.js"></script>
+    <script src="/static/js/AnimOnScroll.js"></script>
+    
+    <!--自定义脚本-->
+    <script type="text/javascript" src="/js/layout.js"></script>
+    
+    
+    <script>
+        $(function(){
+            $('.couter').countUp({
+                delay: 10,
+                time: 1000
+            });
+        })
+        function cityIcon() {
+            if ($('.con4 .container1260 .box .punctuation_box .block').length > 0) {
+                var leftW = 865;
+                var leftH = 432;
+    
+                //console.log(leftH)
+                $('.con4 .container1260 .box .punctuation_box .block').each(function () {
+                    if ($(this).attr('data-left') != '' && $(this).attr('data-top') != '') {
+                        var left = (Number((($(this).attr('data-left') - 7) / leftW)).toFixed(4)) * 100 + '%';
+                        var top = (Number((($(this).attr('data-top') - 7) / leftH)).toFixed(4)) * 100 + '%';
+                        $(this).css({'left': left, 'top': top});
+                    } else if (window.innerWidth > 465) {
+                        var left = (Number((($(this).attr('data-left') - 2) / leftW)).toFixed(4)) * 100 + '%';
+                        var top = (Number((($(this).attr('data-top') - 2) / leftH)).toFixed(4)) * 100 + '%';
+                        $(this).css({'left': left, 'top': top});
+                    }
+                })
+            }
+        }
+    
+        cityIcon()
+    
+    </script>
+    </body>
+    </html>
\ No newline at end of file
diff --git a/src/about/recruit.html b/src/about/recruit.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/static/about/index/companyMission.png b/src/static/about/index/companyMission.png
new file mode 100644
index 0000000..dafbd43
Binary files /dev/null and b/src/static/about/index/companyMission.png differ
diff --git a/src/static/about/index/companyValues.png b/src/static/about/index/companyValues.png
new file mode 100644
index 0000000..463d8c7
Binary files /dev/null and b/src/static/about/index/companyValues.png differ
diff --git a/src/static/about/index/companyVision.png b/src/static/about/index/companyVision.png
new file mode 100644
index 0000000..a223b1b
Binary files /dev/null and b/src/static/about/index/companyVision.png differ
diff --git a/src/static/about/index/develop.jpg b/src/static/about/index/develop.jpg
new file mode 100644
index 0000000..74ce6ff
Binary files /dev/null and b/src/static/about/index/develop.jpg differ
