Browse Source

推送202201271601

fanghuisheng 3 years ago
parent
commit
fd2dd2bd48
100 changed files with 1104 additions and 270 deletions
  1. 153 0
      about/css/index.css
  2. 411 0
      about/index-202201251349.html
  3. 228 231
      about/index.html
  4. 208 0
      assets/css/home.css
  5. 104 39
      assets/css/style.css
  6. 0 0
      assets/img/about/about-banner.png
  7. BIN
      assets/img/about/bg.png
  8. BIN
      assets/img/about/bg1.png
  9. BIN
      assets/img/about/honor10.png
  10. BIN
      assets/img/about/honor11.png
  11. BIN
      assets/img/about/honor12.png
  12. BIN
      assets/img/about/honor13.png
  13. BIN
      assets/img/about/honor14.png
  14. BIN
      assets/img/about/honor15.png
  15. BIN
      assets/img/about/honor16.png
  16. BIN
      assets/img/about/honor5.png
  17. BIN
      assets/img/about/honor6.png
  18. BIN
      assets/img/about/honor7.png
  19. BIN
      assets/img/about/honor8.jpg
  20. BIN
      assets/img/about/honor9.png
  21. BIN
      assets/img/about/icon1.png
  22. BIN
      assets/img/about/icon2.png
  23. BIN
      assets/img/about/icon3.png
  24. BIN
      assets/img/about/icon4.png
  25. BIN
      assets/img/about/lc.png
  26. BIN
      assets/img/banner/11.jpg
  27. BIN
      assets/img/banner/1111.png
  28. BIN
      assets/img/banner/12.jpg
  29. BIN
      assets/img/banner/13.jpg
  30. BIN
      assets/img/banner/14.jpg
  31. BIN
      assets/img/home/1.png
  32. BIN
      assets/img/home/2.png
  33. BIN
      assets/img/home/3.png
  34. BIN
      assets/img/home/4.png
  35. BIN
      assets/img/home/trademark/1.png
  36. BIN
      assets/img/home/trademark/10.png
  37. BIN
      assets/img/home/trademark/11.png
  38. BIN
      assets/img/home/trademark/12.png
  39. BIN
      assets/img/home/trademark/13.png
  40. BIN
      assets/img/home/trademark/14.png
  41. BIN
      assets/img/home/trademark/15.png
  42. BIN
      assets/img/home/trademark/16.png
  43. BIN
      assets/img/home/trademark/17.png
  44. BIN
      assets/img/home/trademark/18.png
  45. BIN
      assets/img/home/trademark/19.png
  46. BIN
      assets/img/home/trademark/2.png
  47. BIN
      assets/img/home/trademark/20.png
  48. BIN
      assets/img/home/trademark/21.png
  49. BIN
      assets/img/home/trademark/22.png
  50. BIN
      assets/img/home/trademark/23.png
  51. BIN
      assets/img/home/trademark/24.png
  52. BIN
      assets/img/home/trademark/3.png
  53. BIN
      assets/img/home/trademark/4.png
  54. BIN
      assets/img/home/trademark/5.png
  55. BIN
      assets/img/home/trademark/6.png
  56. BIN
      assets/img/home/trademark/7.png
  57. BIN
      assets/img/home/trademark/8.png
  58. BIN
      assets/img/home/trademark/9.png
  59. BIN
      assets/img/news/news-banner.png
  60. 0 0
      assets/img/news/news-banner1.png
  61. BIN
      assets/img/product/bg.jpg
  62. BIN
      assets/img/product/bg.png
  63. BIN
      assets/img/product/bg1.png
  64. BIN
      assets/img/product/close.png
  65. BIN
      assets/img/product/图层11.png
  66. BIN
      assets/img/slices/slices1.png
  67. BIN
      assets/img/slices/slices2.png
  68. BIN
      assets/img/slices/slices3.png
  69. BIN
      assets/img/slices/slices4.png
  70. BIN
      assets/img/slices/slices5.png
  71. BIN
      assets/img/solution/01.png
  72. BIN
      assets/img/solution/02.png
  73. BIN
      assets/img/solution/03.png
  74. BIN
      assets/img/solution/04.png
  75. BIN
      assets/img/solution/111.jpg
  76. BIN
      assets/img/solution/111.png
  77. BIN
      assets/img/solution/bg.png
  78. BIN
      assets/img/solution/building-ehcarts.jpg
  79. BIN
      assets/img/solution/close.png
  80. BIN
      assets/img/solution/detail1.png
  81. BIN
      assets/img/solution/detail2-banner.jpg
  82. BIN
      assets/img/solution/detail2-banner.png
  83. BIN
      assets/img/solution/detail2.png
  84. BIN
      assets/img/solution/detail3.png
  85. BIN
      assets/img/solution/index/01.png
  86. BIN
      assets/img/solution/index/02.png
  87. BIN
      assets/img/solution/index/03.png
  88. BIN
      assets/img/solution/index/04.png
  89. BIN
      assets/img/solution/index/05.png
  90. BIN
      assets/img/solution/index/06.png
  91. BIN
      assets/img/solution/index/07.png
  92. BIN
      assets/img/solution/life/01.png
  93. BIN
      assets/img/solution/life/02.png
  94. BIN
      assets/img/solution/life/03.png
  95. BIN
      assets/img/solution/life/04.png
  96. BIN
      assets/img/solution/life/05.png
  97. BIN
      assets/img/solution/life/06.png
  98. BIN
      assets/img/solution/life/07.png
  99. BIN
      assets/img/solution/others/01.png
  100. BIN
      assets/img/solution/others/02.png

+ 153 - 0
about/css/index.css

@@ -0,0 +1,153 @@
+.history-section .container .historyContent{
+    padding: 0px 30px;
+    padding-top: 50px;
+}
+
+.history-section .container .historyContent .historyConet .hisContent{
+    text-align: left;
+}
+
+.history-section .container .historyContent .historyConet .hisContent>div:nth-child(1){
+    font-size: 18px;
+    font-weight: bold;
+    font-family: Microsoft YaHei;
+    color: #333333;
+    line-height: 28px;
+}
+
+.history-section .container .historyContent .historyConet .hisContent>div:nth-child(2){
+    font-size: 16px;
+    font-weight: 400;
+    font-family: Microsoft YaHei;
+    color: #333333;
+    line-height: 28px;
+}
+
+.history-section .container .credentialContent{
+    padding: 30px;
+    
+}
+
+.history-section .container .credentialContent .title{
+    font-size: 17px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #333333;
+    text-align: left;
+}
+
+.history-section .container .credentialContent .list{
+    text-align: left;  
+}
+.history-section .container .credentialContent .list>ul li {
+    margin-bottom: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+
+.borderRadius1{
+    width: 16px;
+    height: 16px;
+    background: rgb(175, 202, 250);
+    border-radius: 50%;
+    line-height: 14px;
+    text-align: center;
+    margin-right: 10px;
+}
+.borderRadius2{
+    width: 10px;
+    height: 10px;
+    background: #639BFF;
+    border-radius: 50%;
+}
+
+.about-sub-company-section .container .aboutContent{
+    padding: 40px 20px;
+}
+.about-sub-company-section .container .aboutImg{
+    padding: 10px;
+}
+.about-sub-company-section .container .border-buttom{
+    padding: 10px;
+    border-bottom: 1px solid #C7C7C7;
+}
+.about-sub-company-section .container .aboutContent .title{
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #333333;
+    padding-bottom: 10px;
+}
+.about-sub-company-section .container .aboutContent .content{
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #333333;
+    line-height: 28px;
+}
+@media (max-width: 1200px){
+    .about-sub-company-section .container .aboutImg{
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+    .about-sub-company-section .container .aboutcotn{
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+}
+
+@media (max-width: 991px){
+    .history-section .container .credentialContent .listAll{
+        flex: 0 0 100%;
+        max-width: 100%;
+        margin-bottom: 20px;
+    }
+
+    .history-section .container .credentialContent .footerImg{
+        margin-top: 20px;
+    }
+    .history-section .container .credentialContent .footerImg>div{
+        flex: 0 0 50%;
+        max-width: 50%;
+        margin-bottom: 20px;
+    }
+}
+
+@media (max-width: 768px) {
+    .history-section{
+        padding: 0px;
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+
+    .history-section .container .credentialContent .list{
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+
+    .history-section .container .credentialContent .list1{
+        flex: 0 0 33.333333%;
+        max-width: 33.333333%;
+    }
+
+}
+
+@media (max-width: 576px) and (max-width: 575px){
+
+}
+
+@media (max-width: 414px){
+    .history-section .container .credentialContent .list,
+    .history-section .container .credentialContent .list1,
+    .history-section .container .credentialContent .footerImg>div{
+        flex: 0 0 100%;
+        max-width: 100%;
+        margin-bottom: 20px;
+    }
+
+    .history-section .container .credentialContent .footerImg{
+        margin-top: 0px;
+    }
+}

+ 411 - 0
about/index-202201251349.html

@@ -0,0 +1,411 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <link rel="icon" href="../assets/img/favicon.ico">
+
+    <title>关于我们</title>
+
+    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
+    <!--====== Owl Carousel css ======-->
+    <link rel="stylesheet" href="../assets/css/slick.css" />
+    <!--====== Mean Menu ======-->
+    <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
+    <!--====== Default css ======-->
+    <link rel="stylesheet" href="../assets/css/default.css" />
+    <!--====== Style css ======-->
+    <link rel="stylesheet" href="../assets/css/style.css" />
+
+</head>
+
+<body>
+    <!--[if lte IE 9]>
+		<p class="browserupgrade">请使用chrome,IE11等现代浏览器,浏览本网站.</p>
+  <![endif]-->
+
+    <!--====== HEADER START ======-->
+    <header class="header-absolute sticky-header">
+        <div class="custom-container-one">
+            <div class="header-top-area">
+                <div class="container align-items-center">
+                    <div class="col-md-6 col-sm-7">
+                        <ul class="contact-list">
+                            <li>
+                                <a href="javascipt:void();">www.chinausky.com</a>
+                            </li>
+                            <li>
+                                <a href="javascipt:void();">400 633 8668</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="mainmenu-area container">
+                <div class="d-flex align-items-center justify-content-between">
+                    <nav class="main-menu">
+                        <div class="logo">
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
+                        </div>
+                        <div class="menu-items">
+                            <ul>
+                                <li>
+                                    <a href="../">首页</a>
+                                </li>
+                                <li>
+                                    <a>解决方案</a>
+                                    <ul class="submenu">
+                                        <li>
+                                            <a>城市治理</a>
+                                            <ul class="submenu">
+                                                <li><a href="../solution/index.html?solution_type=1">智慧招商</a></li>
+                                                <li><a href="../solution/index.html?solution_type=2">智慧安防</a></li>
+                                                <li><a href="../solution/index.html?solution_type=3">智慧消防</a></li>
+                                            </ul>
+                                        </li>
+                                        <li>
+                                            <a>民生服务</a>
+                                            <ul class="submenu">
+                                                <li><a href="../solution/index.html?solution_type=4">智慧停车</a></li>
+                                                <li><a href="../solution/index.html?solution_type=5">智慧教育</a></li>
+                                                <li><a href="../solution/index.html?solution_type=6">智慧路灯</a></li>
+                                                <li><a href="../solution/index.html?solution_type=7">环境监测</a></li>
+                                            </ul>
+                                        </li>
+                                        <li>
+                                            <a>园区服务</a>
+                                            <ul class="submenu">
+                                                <li><a href="../solution/index.html?solution_type=8">智慧社区</a></li>
+                                                <li><a href="../solution/index.html?solution_type=9">智慧商圈</a></li>
+                                                <li><a href="../solution/index.html?solution_type=10">智慧办公</a></li>
+                                                <li><a href="../solution/index.html?solution_type=11">智慧家居</a></li>
+                                                <li><a href="../solution/index.html?solution_type=12">通信配套</a></li>
+                                            </ul>
+                                        </li>
+                                        <li>
+                                            <a>其他拓展</a>
+                                            <ul class="submenu">
+                                                <li><a href="../solution/index.html?solution_type=13">智慧国土</a></li>
+                                                <li><a href="../solution/index.html?solution_type=14">智慧民防</a></li>
+                                                <li><a href="../solution/index.html?solution_type=15">智慧交通</a></li>
+                                                <li><a href="../solution/index.html?solution_type=16">智慧用电</a></li>
+                                                <li><a href="../solution/index.html?solution_type=17">通信水务</a></li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li>
+                                    <a>新闻动态</a>
+                                    <ul class="submenu">
+                                        <li><a href="../news">公司新闻</a></li>
+                                        <li><a href="../news/trade/index.html">行业动态</a></li>
+                                    </ul>
+                                </li>
+                                <li class="active">
+                                    <a href="../about">关于我们</a>
+                                </li>
+                                <li>
+                                    <a href="../join">加入我们</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </nav>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12">
+                    <div class="mobile-menu"></div>
+                </div>
+            </div>
+        </div>
+    </header>
+
+    <!--====== COMMON BREADCRUMB START ======-->
+    <section class="common-bradcrumb-section inner-banner" style="background-image: url('../assets/img/about-banner.png');">
+    </section>
+    <!--====== COMMON BREADCRUMB END ======-->
+
+    <section class="crumbs">
+        <div class="container">
+            <ul>
+                <li>首页 ></li>
+                <li class="active">关于我们</li>
+            </ul>
+        </div>
+    </section>
+
+    <!--====== ABOUT INTRODUCE START======-->
+    <section class="about-introduce-section pt-40 pb-60">
+        <div class="container">
+            <div class="about-intro-top">
+                <p>永天科技始创于2004年,致力于物联网平台的开发、智慧城市设计与实施,助力智慧城市运营。先后为不同城市与各类项目提供定制化智能化、新型特色智慧城市整体解决方案。</p>
+                <p>公司拥有数十项软著与专利,永天科技总部在上海,经过15年发展,我们在美国加州、香港、深圳、北京、南昌、上饶、宜春、常州、济南、成都、乌鲁木齐等地均设立分公司和办事处。2013年8月,永天科技在新三板上市。</p>
+            </div>
+            <div class="row pt-60">
+                <div class="col-lg-6 col-md-6 content">
+                    <div class="d-flex flex-column" style="height: 100%;">
+                        <h4>成熟的运维体系</h4>
+                        <p class="mb-20">自2004年起,公司长期从事智能楼宇、通信配套、物联网监测和数字政务等领域的项目建设和信息服务,常年提供全国范围内数千个项目的后期维护服务。 多年的服务工作,积累了大量的技术经验和用户资源,并形成了一整套运维管理体系。
+                        </p>
+                        <h4>一站式技术服务解决</h4>
+                        <p class="mb-20"> 公司拥有设计、项目、物联网、运维等多个面向业务的职能部门,并在各个相关的支撑部门及总经办的服务协调整合下,公司具备相关项目的“一站式”服务能力,包含:勘察、设计、施工、系统集成、应用平台及软件开发。
+                        </p>
+                        <h4>专业的项目执行团队</h4>
+                        <p> 通过十多年的系统经验积累和人才培养,公司已拥有多领域、多系统的技术储备,而且多地分公司、办事机构的管理体系也使得永天科技具备各种异地实施、管理能力。
+                        </p>
+
+                    </div>
+                </div>
+                <div class="col-lg-6 col-md-6 img-box">
+                    <img src="../assets/img/about/about.png" />
+                </div>
+
+            </div>
+        </div>
+    </section>
+    <!--====== ABOUT INTRODUCE END======-->
+
+    <!--====== HISTORY START======-->
+    <section class="history-section pt-60 pb-60">
+        <div class="history-white">
+            <div class="container">
+                <div class="section-title text-center both-border pb-50">
+                    <span class="title-tag">发展历程</span>
+                </div>
+                <p class="history-des">我们公司总部位于上海,经过16年的发展,我们的分公司分布于美国加州、香港、深圳、北京、江西南昌、江西上饶、江苏常州、山东济南等。</p>
+                <div class="row">
+
+
+                    <div class="col-lg-12 col-md-12 img-box mt-80">
+                        <img src="../assets/img/about/history.png" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </section>
+    <!--====== HISTORY END======-->
+
+    <!--====== CREDENTIAL START======-->
+    <section class="credential-section pt-60 pb-80">
+        <div class="container">
+            <div class="section-title both-border pb-60">
+                <p class="credential-tit1">我们做你的业务
+                </p>
+                <p class="credential-tit2">更快,更安全!
+                </p>
+            </div>
+            <div class="row">
+
+                <div id="marquee_box">
+                    <div id="marquee_img">
+                        <div id="marquee_img1">
+                            <img src="../assets/img/about/honor1.png" />
+                            <img src="../assets/img/about/honor2.png" />
+                            <img src="../assets/img/about/honor3.png" />
+                            <img src="../assets/img/about/honor4.png" />
+                            <img src="../assets/img/about/honor1.png" />
+                            <img src="../assets/img/about/honor2.png" />
+                            <img src="../assets/img/about/honor3.png" />
+                            <img src="../assets/img/about/honor4.png" />
+                        </div>
+                        <div id="marquee_img2"></div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </section>
+    <!--====== CREDENTIAL END======-->
+
+    <!--====== SUB COMPANY START======-->
+    <section class="about-sub-company-section pt-60 pb-60">
+        <div class="container ">
+            <div class="section-title text-center both-border pb-40">
+                <span class="title-tag color-white">联系我们</span>
+            </div>
+            <div class="row bg-white about-shadow">
+                <div class="col-md-5 col-12 company-sec">
+                    <h4>上海永天科技股份有限公司</h4>
+                    <p>www.usky.cn</p>
+                    <div class="address-content mt-60">
+                        <p>地址:上海市浦东新区XXXX路0000号
+                        </p>
+                        <div class="d-flex">
+                            <div>
+                                <p>电话:</p>
+                            </div>
+                            <div>
+                                <p>021-65376655</p>
+                                <p>021-62985186</p>
+                            </div>
+
+                        </div>
+
+                        <p>邮箱:00000</p>
+                    </div>
+                </div>
+                <div class="col-md-3 col-12  partner-sec">
+                    <h4>合作伙伴</h4>
+                    <p>cooperative partner</p>
+                    <img src="../assets/img/about/logo.png" alt="" class="mt-70 pc">
+                    <img src="../assets/img/about/mobile-logo.png" alt="" class="mt-30 mobile">
+                </div>
+                <div class="col-md-4 col-12 bg-blue phone-sec">
+                    <div class="phone-list mb-30">
+                        <p>服务热线</p>
+                        <p>000-000-0000</p>
+                    </div>
+                    <div class="phone-list mb-30">
+                        <p>微信号码</p>
+                        <p>000-000-0000</p>
+                    </div>
+                    <div class="phone-list">
+                        <p>工作时间</p>
+                        <p>08:00-17:00 <span>(周一 ~ 周五)</span></p>
+                    </div>
+
+                </div>
+            </div>
+
+
+        </div>
+    </section>
+    <!--====== SUB COMPANY END======-->
+
+    <!--====== FOOTER PART START ======-->
+    <footer>
+        <!-- widgets -->
+        <div class="footer-widget-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="copyrigt-or-code  d-flex flex-column align-items-center">
+                            <img width="130" height="130" src="../assets/img/qr_code.png">
+                            <span style="text-align: left;color:#fff;margin-top:10px">微信公众号</span>
+                        </div>
+                    </div>
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="widget nav-widget d-flex justify-content-center">
+                            <div>
+                                <h5 class="widget-title">核心服务</h5>
+                                <ul>
+                                    <li><a>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="widget nav-widget d-flex justify-content-center">
+                            <div>
+                                <h5 class="widget-title">企业服务</h5>
+                                <ul>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="widget nav-widget d-flex justify-content-center">
+                            <div>
+                                <h5 class="widget-title">合作客户</h5>
+                                <ul>
+                                    <li><a>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="widget nav-widget d-flex justify-content-center">
+                            <div>
+                                <h5 class="widget-title">新闻动态</h5>
+                                <ul>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="widget nav-widget d-flex justify-content-center">
+                            <div>
+                                <h5 class="widget-title">加入我们</h5>
+                                <ul>
+                                    <li><a>岗位信息</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- copyright -->
+        <div class="copy-right-area">
+            <div class="container">
+                <div class="row copyrigt-text">
+                    <div class="col-lg-12">
+                        <p>Copyright © 2001- 2014 Usky. All Rights Reserved. 永天股份 版权所有</p>
+                        <p>增值电信业务经营许可证(IDC、ISP)编号B2-20080010</p>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </footer>
+    <!--====== FOOTER PART END ======-->
+
+
+    <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
+    <script src="../assets/js/vendor/jquery-1.12.4.min.js"></script>
+    <!--====== Bootstrap js ======-->
+    <script src="../assets/js/bootstrap.min.js"></script>
+    <script src="../assets/js/popper.min.js"></script>
+    <!--====== Mean Menu ======-->
+    <script src="../assets/js/jquery.meanmenu.min.js"></script>
+    <!--====== Main js ======-->
+    <script src="../assets/js/main.js"></script>
+    <!--====== Example Info js======-->
+    <script src="../assets/js/exampleinfo.js"></script>
+    <!--====== Vue js======-->
+    <script src="../assets/js/vue.min.js"></script>
+
+    <script language="javascript">
+        // 走马灯
+        var speed = 10; //数字越大速度越慢
+        var tab = document.getElementById("marquee_box");
+        var tab1 = document.getElementById("marquee_img1");
+        var tab2 = document.getElementById("marquee_img2");
+        tab2.innerHTML = tab1.innerHTML;
+
+        function Marquee() {
+            if (tab2.offsetWidth - tab.scrollLeft <= 0)
+                tab.scrollLeft -= tab1.offsetWidth
+            else {
+                tab.scrollLeft++;
+            }
+        }
+        var MyMar = setInterval(Marquee, speed);
+        tab.onmouseover = function() {
+            clearInterval(MyMar)
+        };
+        tab.onmouseout = function() {
+            MyMar = setInterval(Marquee, speed)
+        };
+    </script>
+
+
+
+</body>
+
+</html>

+ 228 - 231
about/index.html

@@ -19,6 +19,10 @@
     <link rel="stylesheet" href="../assets/css/default.css" />
     <!--====== Style css ======-->
     <link rel="stylesheet" href="../assets/css/style.css" />
+    <!--====== home css ====== -->
+    <link rel="stylesheet" href="../assets/css/home.css" />
+    <!--====== index css ====== -->
+    <link rel="stylesheet" href="./css/index.css" />
 
 </head>
 
@@ -32,7 +36,7 @@
         <div class="custom-container-one">
             <div class="header-top-area">
                 <div class="container align-items-center">
-                    <div class="col-md-6 col-sm-7">
+                    <!-- <div class="col-md-6 col-sm-7">
                         <ul class="contact-list">
                             <li>
                                 <a href="javascipt:void();">www.chinausky.com</a>
@@ -41,7 +45,7 @@
                                 <a href="javascipt:void();">400 633 8668</a>
                             </li>
                         </ul>
-                    </div>
+                    </div> -->
                 </div>
             </div>
             <div class="mainmenu-area container">
@@ -53,50 +57,25 @@
                         <div class="menu-items">
                             <ul>
                                 <li>
-                                    <a href="../">首页</a>
+                                    <a href="../index.html">首页</a>
                                 </li>
                                 <li>
-                                    <a>解决方案</a>
+                                    <a href="../solution/index.html?solution_type=1">解决方案</a>
                                     <ul class="submenu">
-                                        <li>
-                                            <a>城市治理</a>
-                                            <ul class="submenu">
-                                                <li><a href="../solution/index.html?solution_type=1">智慧招商</a></li>
-                                                <li><a href="../solution/index.html?solution_type=2">智慧安防</a></li>
-                                                <li><a href="../solution/index.html?solution_type=3">智慧消防</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a>民生服务</a>
-                                            <ul class="submenu">
-                                                <li><a href="../solution/index.html?solution_type=4">智慧停车</a></li>
-                                                <li><a href="../solution/index.html?solution_type=5">智慧教育</a></li>
-                                                <li><a href="../solution/index.html?solution_type=6">智慧路灯</a></li>
-                                                <li><a href="../solution/index.html?solution_type=7">环境监测</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a>园区服务</a>
-                                            <ul class="submenu">
-                                                <li><a href="../solution/index.html?solution_type=8">智慧社区</a></li>
-                                                <li><a href="../solution/index.html?solution_type=9">智慧商圈</a></li>
-                                                <li><a href="../solution/index.html?solution_type=10">智慧办公</a></li>
-                                                <li><a href="../solution/index.html?solution_type=11">智慧家居</a></li>
-                                                <li><a href="../solution/index.html?solution_type=12">通信配套</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a>其他拓展</a>
-                                            <ul class="submenu">
-                                                <li><a href="../solution/index.html?solution_type=13">智慧国土</a></li>
-                                                <li><a href="../solution/index.html?solution_type=14">智慧民防</a></li>
-                                                <li><a href="../solution/index.html?solution_type=15">智慧交通</a></li>
-                                                <li><a href="../solution/index.html?solution_type=16">智慧用电</a></li>
-                                                <li><a href="../solution/index.html?solution_type=17">通信水务</a></li>
-                                            </ul>
-                                        </li>
+                                        <li><a href="../solution/index.html?solution_type=1">智慧安防</a></li>
+                                        <li><a href="../solution/index.html?solution_type=2">智慧消防</a></li>
+                                        <li><a href="../solution/index.html?solution_type=3">智慧建筑能源管理</a></li>
+                                        <li><a href="../solution/index.html?solution_type=4">智慧电力综合管理</a></li>
+                                        <li><a href="../solution/index.html?solution_type=5">智慧园区无人机综合管理</a></li>
+                                        <li><a href="../solution/index.html?solution_type=6">智慧楼宇综合运营</a></li>
                                     </ul>
                                 </li>
+                                <li>
+                                    <a href="../product/index.html">产品中心</a>
+                                </li>
+                                <li>
+                                    <a href="../technology/index.html">技术支撑</a>
+                                </li>
                                 <li>
                                     <a>新闻动态</a>
                                     <ul class="submenu">
@@ -105,10 +84,7 @@
                                     </ul>
                                 </li>
                                 <li class="active">
-                                    <a href="../about">关于我们</a>
-                                </li>
-                                <li>
-                                    <a href="../join">加入我们</a>
+                                    <a href="#">关于我们</a>
                                 </li>
                             </ul>
                         </div>
@@ -124,45 +100,26 @@
     </header>
 
     <!--====== COMMON BREADCRUMB START ======-->
-    <section class="common-bradcrumb-section inner-banner" style="background-image: url('../assets/img/about-banner.png');">
+    <section class="common-bradcrumb-section inner-banner">
+        <img src="../assets/img/about/bg.png" alt="">
     </section>
     <!--====== COMMON BREADCRUMB END ======-->
 
-    <section class="crumbs">
-        <div class="container">
-            <ul>
-                <li>首页 ></li>
-                <li class="active">关于我们</li>
-            </ul>
-        </div>
-    </section>
 
     <!--====== ABOUT INTRODUCE START======-->
     <section class="about-introduce-section pt-40 pb-60">
         <div class="container">
-            <div class="about-intro-top">
-                <p>永天科技始创于2004年,致力于物联网平台的开发、智慧城市设计与实施,助力智慧城市运营。先后为不同城市与各类项目提供定制化智能化、新型特色智慧城市整体解决方案。</p>
-                <p>公司拥有数十项软著与专利,永天科技总部在上海,经过15年发展,我们在美国加州、香港、深圳、北京、南昌、上饶、宜春、常州、济南、成都、乌鲁木齐等地均设立分公司和办事处。2013年8月,永天科技在新三板上市。</p>
+            <div class="section-title text-center both-border pb-20">
+                <span class="title-tag">企业简介</span>
             </div>
-            <div class="row pt-60">
-                <div class="col-lg-6 col-md-6 content">
-                    <div class="d-flex flex-column" style="height: 100%;">
-                        <h4>成熟的运维体系</h4>
-                        <p class="mb-20">自2004年起,公司长期从事智能楼宇、通信配套、物联网监测和数字政务等领域的项目建设和信息服务,常年提供全国范围内数千个项目的后期维护服务。 多年的服务工作,积累了大量的技术经验和用户资源,并形成了一整套运维管理体系。
-                        </p>
-                        <h4>一站式技术服务解决</h4>
-                        <p class="mb-20"> 公司拥有设计、项目、物联网、运维等多个面向业务的职能部门,并在各个相关的支撑部门及总经办的服务协调整合下,公司具备相关项目的“一站式”服务能力,包含:勘察、设计、施工、系统集成、应用平台及软件开发。
-                        </p>
-                        <h4>专业的项目执行团队</h4>
-                        <p> 通过十多年的系统经验积累和人才培养,公司已拥有多领域、多系统的技术储备,而且多地分公司、办事机构的管理体系也使得永天科技具备各种异地实施、管理能力。
-                        </p>
-
-                    </div>
-                </div>
-                <div class="col-lg-6 col-md-6 img-box">
-                    <img src="../assets/img/about/about.png" />
-                </div>
+            <div class="about-intro-top">
+                <p class="pb-40">
+                    上海永天科技股份有限公司(股票代码:430273,以下简称“永天科技”)创办于2004年,多次通过国家级高新技术企业认定,是国内极具竞争力的智慧城市整体方案提供商及运营服务商之一。</p>
 
+                <p>公司自成立之初起,始终以“助力企业及城市数字化转型”为核心,从通信、物联网、数字化中台等方面,不断拓展、充实智慧城市的各层级的数字化服务内涵。基于多年实践经验,逐步形成了以物联网数据采集、
+                    处理技术和数字化管理中台技术为核心的“双引擎驱动”模式。通过物联网相关技术,实现从数据采集、边缘计算,到智慧平台、综合服务的纵向(采集)“端”-(应用)“端”打通;通过数字化管理中台技术,
+                    实现多角度、多层级的生活、工作、管理场景横向延伸。通过核心技术的功能整合和面向各行各业的“N+1”式的产品线拓展,数字化赋能智慧城市的多节点场景,构筑丰富的业务生态,为用户提供全方位、
+                    一站式的深度服务。</p>
             </div>
         </div>
     </section>
@@ -170,199 +127,221 @@
 
     <!--====== HISTORY START======-->
     <section class="history-section pt-60 pb-60">
-        <div class="history-white">
-            <div class="container">
-                <div class="section-title text-center both-border pb-50">
-                    <span class="title-tag">发展历程</span>
+        <div class="section-title text-center both-border pb-20">
+            <span class="title-tag">企业优势</span>
+        </div>
+        <div class="container" style="background-color: #ffff;">
+            <div class="row historyContent">
+                <div class="pb-50 col-md-6 historyConet">
+                    <div class="row">
+                        <div class="col-md-3 hisImg">
+                            <img src="../assets/img/about/icon1.png" alt="">
+                        </div>
+                        <div class="col-md-9 hisContent">
+                            <div>业务优势</div>
+                            <div>永天科技成立于2004年,专业提供通信网络、物联感知、边缘计算、数据服务、智慧运营、数字城市等领域的系统开发、建设与技术支撑等服务;</div>
+                        </div>
+                    </div>
                 </div>
-                <p class="history-des">我们公司总部位于上海,经过16年的发展,我们的分公司分布于美国加州、香港、深圳、北京、江西南昌、江西上饶、江苏常州、山东济南等。</p>
-                <div class="row">
-
-
-                    <div class="col-lg-12 col-md-12 img-box mt-80">
-                        <img src="../assets/img/about/history.png" />
+                <div class="pb-50 col-md-6 historyConet">
+                    <div class="row">
+                        <div class="col-md-3 hisImg">
+                            <img src="../assets/img/about/icon2.png" alt="">
+                        </div>
+                        <div class="col-md-9 hisContent">
+                            <div>市场优势</div>
+                            <div>通过平台化运作,本地化服务,全国业务覆盖更加全面;</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pb-50 col-md-6 historyConet">
+                    <div class="row">
+                        <div class="col-md-3 hisImg">
+                            <img src="../assets/img/about/icon3.png" alt="">
+                        </div>
+                        <div class="col-md-9 hisContent">
+                            <div>创新优势</div>
+                            <div>融合数字孪生、边缘计算、大数据处理等新兴技术,产品性能更加优秀;</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pb-50 col-md-6 historyConet">
+                    <div class="row">
+                        <div class="col-md-3 hisImg">
+                            <img src="../assets/img/about/icon4.png" alt="">
+                        </div>
+                        <div class="col-md-9 hisContent">
+                            <div>生态优势</div>
+                            <div>围绕行业细分,累计服务超过5000家企业,近10万个用户,平台生态高效、健康。</div>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-
     </section>
     <!--====== HISTORY END======-->
 
-    <!--====== CREDENTIAL START======-->
-    <section class="credential-section pt-60 pb-80">
+    <!--====== COURSE START======-->
+    <section class="course-section pt-60 pb-80">
         <div class="container">
-            <div class="section-title both-border pb-60">
-                <p class="credential-tit1">我们做你的业务
-                </p>
-                <p class="credential-tit2">更快,更安全!
-                </p>
+            <div class="section-title text-center both-border pb-30">
+                <span class="title-tag">发展历程</span>
             </div>
             <div class="row">
-
-                <div id="marquee_box">
-                    <div id="marquee_img">
-                        <div id="marquee_img1">
-                            <img src="../assets/img/about/honor1.png" />
-                            <img src="../assets/img/about/honor2.png" />
-                            <img src="../assets/img/about/honor3.png" />
-                            <img src="../assets/img/about/honor4.png" />
-                            <img src="../assets/img/about/honor1.png" />
-                            <img src="../assets/img/about/honor2.png" />
-                            <img src="../assets/img/about/honor3.png" />
-                            <img src="../assets/img/about/honor4.png" />
-                        </div>
-                        <div id="marquee_img2"></div>
-                    </div>
+                <div class="col-md-12">
+                    <img src="../assets/img/about/lc.png" alt="">
                 </div>
             </div>
-
         </div>
     </section>
-    <!--====== CREDENTIAL END======-->
-
-    <!--====== SUB COMPANY START======-->
-    <section class="about-sub-company-section pt-60 pb-60">
-        <div class="container ">
-            <div class="section-title text-center both-border pb-40">
-                <span class="title-tag color-white">联系我们</span>
-            </div>
-            <div class="row bg-white about-shadow">
-                <div class="col-md-5 col-12 company-sec">
-                    <h4>上海永天科技股份有限公司</h4>
-                    <p>www.usky.cn</p>
-                    <div class="address-content mt-60">
-                        <p>地址:上海市浦东新区XXXX路0000号
-                        </p>
-                        <div class="d-flex">
-                            <div>
-                                <p>电话:</p>
-                            </div>
-                            <div>
-                                <p>021-65376655</p>
-                                <p>021-62985186</p>
-                            </div>
-
-                        </div>
-
-                        <p>邮箱:00000</p>
-                    </div>
-                </div>
-                <div class="col-md-3 col-12  partner-sec">
-                    <h4>合作伙伴</h4>
-                    <p>cooperative partner</p>
-                    <img src="../assets/img/about/logo.png" alt="" class="mt-70 pc">
-                    <img src="../assets/img/about/mobile-logo.png" alt="" class="mt-30 mobile">
-                </div>
-                <div class="col-md-4 col-12 bg-blue phone-sec">
-                    <div class="phone-list mb-30">
-                        <p>服务热线</p>
-                        <p>000-000-0000</p>
-                    </div>
-                    <div class="phone-list mb-30">
-                        <p>微信号码</p>
-                        <p>000-000-0000</p>
-                    </div>
-                    <div class="phone-list">
-                        <p>工作时间</p>
-                        <p>08:00-17:00 <span>(周一 ~ 周五)</span></p>
-                    </div>
+    <!--====== COURSE END======-->
 
-                </div>
+    <!--====== credential START======-->
+    <section class="history-section pt-60 pb-60">
+        
+        <div class="container">
+            <div class="section-title text-center both-border pb-20">
+                <span class="title-tag">企业荣誉</span>
             </div>
-
-
-        </div>
-    </section>
-    <!--====== SUB COMPANY END======-->
-
-    <!--====== FOOTER PART START ======-->
-    <footer>
-        <!-- widgets -->
-        <div class="footer-widget-area">
-            <div class="container">
+            <div class="credentialContent" style="background-color: #ffff;">
+                <div class="title mb-30">2005~2021年度高新技术企业</div>
                 <div class="row">
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="copyrigt-or-code  d-flex flex-column align-items-center">
-                            <img width="130" height="130" src="../assets/img/qr_code.png">
-                            <span style="text-align: left;color:#fff;margin-top:10px">微信公众号</span>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">核心服务</h5>
+                    <div class="col-md-6 listAll">
+                        <div class="row">
+                            <div class="col-md-6 list">
                                 <ul>
-                                    <li><a>智能楼宇</a></li>
-                                    <li><a>物联技术</a></li>
-                                    <li><a>通信配套</a></li>
-                                    <li><a>数字政务</a></li>
+                                    <li>
+                                        <span class="borderRadius1">
+                                            <span class="borderRadius2"></span>
+                                        </span>
+                                        AAA级信用企业
+                                    </li>
+                                    <li>
+                                        <span class="borderRadius1">
+                                            <span class="borderRadius2"></span>
+                                        </span>
+                                        安全生产许可证
+                                    </li>
+                                    <li>
+                                        <span class="borderRadius1">
+                                            <span class="borderRadius2"></span>
+                                        </span>
+                                        质量管理体系ISO9001
+                                    </li>
+                                    <li>
+                                        <span class="borderRadius1">
+                                            <span class="borderRadius2"></span>
+                                        </span>
+                                        环境管理体系ISO14001
+                                    </li>
+                                    <li>
+                                        <span class="borderRadius1">
+                                            <span class="borderRadius2"></span>
+                                        </span>
+                                        上海安全防范报警协会理事
+                                    </li>
+                                    <li>
+                                        <span class="borderRadius1">
+                                            <span class="borderRadius2"></span>
+                                        </span>
+                                        ......
+                                    </li>
                                 </ul>
                             </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">企业服务</h5>
+                            <div class="col-md-6 list">
                                 <ul>
-                                    <li><a>运维服务</a></li>
-                                    <li><a>设计管理</a></li>
-                                    <li><a>项目实施</a></li>
+                                    <li>
+                                        消防设施工程专业承包一级资质
+                                    </li>
+                                    <li>
+                                        安全防范工程设计施工一级资质
+                                    </li>
+                                    <li>
+                                        电子与智能化工程专业承包一级资质
+                                    </li>
+                                    <li>
+                                        智能建筑化工程专业承包二级资质
+                                    </li>
+                                    <li>
+                                        通信工程施工总承包三级资质
+                                    </li>
                                 </ul>
                             </div>
                         </div>
                     </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">合作客户</h5>
-                                <ul>
-                                    <li><a>偶天集团</a></li>
-                                    <li><a>海康威视</a></li>
-                                    <li><a>大华集团</a></li>
-                                    <li><a>派米雷集团</a></li>
-                                </ul>
+                    <div class="col-md-6 listAll">
+                        <div class="row">
+                            <div class="col-md-4 list1">
+                                <img src="../assets/img/about/honor5.png" alt="">
                             </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">新闻动态</h5>
-                                <ul>
-                                    <li><a href="../news/index.html">公司新闻</a></li>
-                                    <li><a href="../news/trade/index.html">行业动态</a></li>
-                                </ul>
+                            <div class="col-md-4 list1">
+                                <img src="../assets/img/about/honor6.png" alt="">
+                            </div>
+                            <div class="col-md-4 list1">
+                                <img src="../assets/img/about/honor7.png" alt="">
                             </div>
                         </div>
                     </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">加入我们</h5>
-                                <ul>
-                                    <li><a>岗位信息</a></li>
-                                </ul>
-                            </div>
+                </div>
+                <div class="mt-50" id="marquee_box">
+                    <div id="marquee_img">
+                        <div id="marquee_img1">
+                            <img src="../assets/img/about/honor8.png" alt="">
+                            <img src="../assets/img/about/honor9.png" alt="">
+                            <img src="../assets/img/about/honor10.png" alt="">
+                            <img src="../assets/img/about/honor11.png" alt="">
+                            <img src="../assets/img/about/honor12.png" alt="">
+                            <img src="../assets/img/about/honor13.png" alt="">
+                            <img src="../assets/img/about/honor14.png" alt="">
+                            <img src="../assets/img/about/honor15.png" alt="">
+                            <img src="../assets/img/about/honor16.png" alt="">
+                        </div>
+                        <div id="marquee_img2">
+
                         </div>
                     </div>
+
                 </div>
             </div>
         </div>
-        <!-- copyright -->
-        <div class="copy-right-area">
-            <div class="container">
-                <div class="row copyrigt-text">
-                    <div class="col-lg-12">
-                        <p>Copyright © 2001- 2014 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                        <p>增值电信业务经营许可证(IDC、ISP)编号B2-20080010</p>
-                    </div>
+    </section>
+    <!--====== credential END======-->
 
+    <!--====== SUB COMPANY START======-->
+    <section class="about-sub-company-section pt-60 pb-60">
+        <div class="container">
+            <div class="section-title text-center both-border pb-40">
+                <span class="title-tag">联系我们</span>
+            </div>
+            <div class="row bg-white about-shadow aboutContent">
+                <div class="col-md-7 pr-40 aboutImg">
+                    <img src="../assets/img/about/lc.png" alt="">
+                </div>
+                <div class="col-md-5 aboutcotn">
+                    <div class="border-buttom">
+                        <div class="title">公司总部(上海)</div>
+                        <div class="content">公司地址:上海市青浦区徐乐路208号</div>
+                        <div class="content">联系电话:021-65376655</div>
+                        <div class="content">Add:NO.208 Xule Rd,Qingpu</div>
+                    </div>
+                    <div  class="border-buttom">
+                        <div class="title">香港分公司</div>
+                        <div class="content">公司地址:香港观塘开源道64号源成中心5楼507室</div>
+                        <div class="content">联系电话:852-35211208</div>
+                    </div>
+                    <div  class="border-buttom">
+                        <div class="title">深圳分公司</div>
+                        <div class="content">公司地址:深圳市龙华新区梅龙大道142号大唐时代A座1008室</div>
+                        <div class="content">联系电话:0755-21006960</div>
+                    </div>
                 </div>
             </div>
         </div>
-    </footer>
+    </section>
+    <!--====== SUB COMPANY END======-->
+
+    <!--====== FOOTER PART START ======-->
+    <div id="footer"></div>
     <!--====== FOOTER PART END ======-->
 
 
@@ -381,6 +360,10 @@
     <script src="../assets/js/vue.min.js"></script>
 
     <script language="javascript">
+        $(function () {
+            $('#footer').load("../footer.html");
+        })
+
         // 走马灯
         var speed = 10; //数字越大速度越慢
         var tab = document.getElementById("marquee_box");
@@ -396,12 +379,26 @@
             }
         }
         var MyMar = setInterval(Marquee, speed);
-        tab.onmouseover = function() {
+        tab.onmouseover = function () {
             clearInterval(MyMar)
         };
-        tab.onmouseout = function() {
+        tab.onmouseout = function () {
             MyMar = setInterval(Marquee, speed)
         };
+
+        var app = new Vue({
+            el: '#app',
+            data: {
+
+            },
+            computed: {
+            },
+            methods: {
+
+            },
+            mounted: function () {
+            }
+        })
     </script>
 
 

+ 208 - 0
assets/css/home.css

@@ -0,0 +1,208 @@
+.banner-section .shutter #videoBtn{
+    position: absolute; 
+    right: 0; 
+    bottom: 40px;
+    border: 2px solid #639BFF;
+    border-radius: 43px;
+    background-color: transparent;
+    color: #639BFF;
+    font-size: 21px;
+    font-weight: 500;
+    display: none;
+    z-index: 9999;
+}
+
+.about-background{
+    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
+    background-color: #ffffff;
+    padding: 60px;
+}
+
+.about-background .about-text-box .title-tag{
+    font-size: 30px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #333333;
+}
+
+.ys-text-align .about-img-box{
+    text-align: center;
+    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
+    padding: 60px;
+    min-height: 540px;
+}
+
+.ys-text-align .about-img-box img{
+    margin-bottom: 30px;
+}
+
+.ys-text-align .about-img-box .span1{
+    color: #E89E54;
+}
+.ys-text-align .about-img-box .span2{
+    color: #59D2B4;
+}
+.ys-text-align .about-img-box .span3{
+    color: #639BFF;
+}
+
+.ys-text-align .about-img-box .title-tag{
+    font-size: 30px;
+    margin-bottom: 30px;
+}
+
+.trademark-background{
+    background-color: #ffffff;
+    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
+}
+.trademark-background .col-md-2 img{
+    padding: 10px;
+}
+
+
+.news-section .newsBack{
+    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
+}
+
+.news-section .newsBack .newsImg{
+    text-align: center;
+    height: 98px;
+    line-height: 98px;
+    border: 1px #EEEEEE solid;
+}
+
+
+@media (min-width: 414px) {
+    .footer-widget-area .footerOne .col-md-6{
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+}
+
+@media (min-width: 576px) {
+    .footer-widget-area .footerOne .col-md-6{
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+}
+
+@media (min-width: 600px) {
+    .hex{
+        margin-top: -35px;
+    }
+}
+
+@media (min-width: 768px) {
+    .hex{
+        margin-top: -35px;
+    }
+    .trademark-background .col-md-2{
+        flex: 0 0 20%;
+        max-width: 20%;
+        height: 98px;
+        line-height: 98px;
+        text-align: center;
+        border: 1px #EEEEEE solid;
+    }
+}
+
+@media (min-width: 992px){
+    .footer-widget-area .footerOne .col-md-6{
+        flex: 0 0 25%;
+        max-width: 25%;
+    }
+}
+
+@media (min-width: 1200px) {
+    .hex{
+        margin-top: -55px;
+    }
+    .footer-widget-area .footerOne .col-md-6{
+        flex: 0 0 14.28571428571429%;
+        max-width: 14.28571428571429%;
+    }
+}
+
+
+
+@media (max-width: 1200px) {
+    .ys-text-align .about-img-box{
+        padding: 50px;
+    }
+    .footer-widget-area .footerOne .col-md-6{
+        margin-bottom: 30px;
+    }
+}
+
+@media (max-width: 991px){
+    .footer-widget-area .container .footerOne .footerWidth{
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+    .footer-widget-area .container .footerOne .footerNone{
+        display: none;
+    }
+    .ys-text-align .maxWidth{
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    .ys-text-align div{
+        margin-bottom: 15px;
+    }
+}
+
+@media (max-width: 768px) {
+    #hexGrid {
+        text-align: center;
+    }
+    #hexGrid .hex3{
+        margin-left: 25%;
+    }
+    #hexGrid .offset-2 {
+        margin-left: 0%;
+    }
+    .about-background .about-img-box{
+        margin-bottom:50px;
+    }
+
+    .ys-text-align .maxWidth{
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+    .ys-text-align .about-img-box{
+        min-height: auto;
+    }
+
+    .trademark-background .col-md-2{
+        flex: 0 0 50%;
+        max-width: 50%;
+        height: 98px;
+        line-height: 98px;
+        text-align: center;
+        border: 1px #EEEEEE solid;
+    }
+}
+
+@media (max-width: 600px) {
+    .hex{
+        margin-top: -35px;
+    }
+}
+
+@media (max-width: 576px) and (max-width: 575px){
+    #hexGrid .hex3{
+        margin-left: 0%;
+    }
+    .hex{
+        margin-top: 0px;
+    }
+    .common-bradcrumb-section{
+        padding-top: 89px;
+    }
+}
+
+@media (max-width: 414px) {
+    .common-bradcrumb-section{
+        padding-top: 69px;
+    }
+}

+ 104 - 39
assets/css/style.css

@@ -749,6 +749,9 @@
             header .mainmenu-area .main-menu .menu-items {
                 margin-left: 60px;
             }
+            header .mainmenu-area .main-menu .menu-items ul:nth-child(1){
+                display: flex;
+            }
             
             header .mainmenu-area .main-menu .menu-items ul li {
                 display: inline-block;
@@ -774,7 +777,7 @@
             
             header .mainmenu-area .main-menu .menu-items ul li a {
                 /* line-height: 74px; */
-                padding: 24px 48px;
+                padding: 24px 30px;
                 color: #fff;
                 font-family: "Oswald", sans-serif;
                 /* font-weight: 500; */
@@ -784,7 +787,7 @@
             
             @media only screen and (min-width: 992px) and (max-width: 1199px) {
                 header .mainmenu-area .main-menu .menu-items ul li a {
-                    padding: 25px 40px;
+                    padding: 25px 30px;
                 }
                 header .mainmenu-area .main-menu .menu-items ul li .submenu {
                     left: -34px;
@@ -816,7 +819,7 @@
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu {
                 position: absolute;
-                left: -28px;
+                left: -48px;
                 top: 120%;
                 width: 220px;
                 background-color: #fff;
@@ -973,8 +976,7 @@
             header .mobile-menu.mean-container .mean-nav ul li a {
                 border: none;
                 padding: 0;
-                padding: 15px 20px;
-                width: 100%;
+                padding: 15px 18px;
                 font-size: 14px;
             }
             
@@ -1739,6 +1741,12 @@
                     padding-bottom: 150px;
                 }
             }
+
+            @media (max-width: 575px) {
+                .banner-section {
+                    padding-top: 89px;
+                }
+            }
             
             .about-section .about-text .about-extra .experience-tag {
                 position: absolute;
@@ -2587,6 +2595,9 @@
             }
             
             footer .footer-widget-area .widget.nav-widget ul li {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
                 line-height: 38px;
             }
             
@@ -3834,37 +3845,42 @@
                 background-size: cover;
             }
             
-            @media (max-width: 575px) {
-                .common-bradcrumb-section {
-                    height: 370px;
-                    padding-top: 200px;
-                }
-            }
             /*===========================
 	Product Grid
 ===========================*/
             
             .product-grid-section {
                 position: relative;
-                background-color: #f6f6fe
+                /* background-color: #f6f6fe */
+            }
+
+            .product-grid-section .row-tabs{
+                margin-right: 0;
+                margin-left: 0;
             }
             
             .product-grid-section .grid-filter ul li {
                 display: inline-block;
                 height: 60px;
                 position: relative;
-                width: 12.499999%;
-                padding: 0 1px;
+                /* width: 14.28571428571429%; */
+                padding: 0 10px;
+            }
+
+            .product-grid-section .grid-isotope .software{
+                padding-right: 20px;
+                padding-left: 20px;
+                padding-bottom: 0px;
             }
             
             .product-grid-section .grid-filter ul li:nth-child(1) {
                 padding-left: 0;
-                padding-right: 1px;
+                padding-right: 10px;
             }
             
-            .product-grid-section .grid-filter ul li:nth-child(8) {
-                padding-right: 0;
-                padding-left: 1px;
+            .product-grid-section .grid-filter ul li:nth-child(7) {
+                padding-right: 0px;
+                padding-left: 10px;
             }
             
             .product-grid-section .grid-filter ul li div {
@@ -3876,17 +3892,37 @@
                 justify-content: center;
                 -ms-flex-align: center;
                 align-items: center;
-                background-color: #e0e0f8;
+                background-color: rgba(210, 227, 255, 1);
                 color: #2a2e78;
-                font-size: 20px;
+                font-size: 16px;
+                font-weight: bold;
             }
             
             .product-grid-section .grid-filter ul li.active div,
             .product-grid-section .grid-filter ul li div:hover {
-                background-color: #2a2e78;
+                background-color: rgba(99, 155, 255, 1);
                 color: white;
                 cursor: pointer;
             }
+
+            @media (min-width: 1200px) {
+                .product-grid-section .grid-filter ul li span{
+                    padding: 0px 18.3px;
+                }
+            }
+
+            @media (max-width: 1200px) {
+                .product-grid-section .grid-filter ul li{
+                    width: 14.28571428571429%;
+                }
+
+                .product-grid-section .grid-filter ul li span{
+                    padding: 0px 0px;
+                }
+                .product-grid-section .grid-filter ul li div {
+                    text-align: center;
+                }
+            }
             
             @media (max-width: 999px) {
                 .product-grid-section .grid-filter ul li {
@@ -3894,12 +3930,16 @@
                     margin-top: 2px;
                 }
                 .product-grid-section .grid-filter ul li:nth-child(4) {
-                    padding-left: 1px;
+                    padding-left: 10px;
                     padding-right: 0;
                 }
                 .product-grid-section .grid-filter ul li:nth-child(5) {
                     padding-left: 0;
-                    padding-right: 1px;
+                    padding-right: 10px;
+                }
+                .product-grid-section .grid-filter ul li:nth-child(7) {
+                    padding-left: 10px;
+                    padding-right: 10px;
                 }
             }
             
@@ -3907,6 +3947,15 @@
                 .product-grid-section .grid-filter ul li {
                     width: 49.99999%;
                     margin-top: 2px;
+                    padding: 0;
+                }
+                .product-grid-section .grid-filter ul li:nth-child(3),.product-grid-section .grid-filter ul li:nth-child(7){
+                    padding-left: 0px;
+                    padding-right: 10px;
+                }
+                .product-grid-section .grid-filter ul li:nth-child(4) {
+                    padding-left: 0px;
+                    padding-right: 0;
                 }
             }
             
@@ -3916,9 +3965,10 @@
             
             .product-grid-section .grid-isotope .product-grid-box {
                 margin: 20px 0;
-                border: #8386d5 2px solid;
+                /* border: #8386d5 2px solid; */
                 border-radius: 5px;
                 position: relative;
+                box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
             }
             
             .product-grid-section .grid-isotope .product-grid-box .product-img {
@@ -3935,18 +3985,30 @@
             }
             
             .product-grid-section .grid-isotope .product-grid-box .title {
-                height: 60px;
-                background-color: #8386d5;
+                height: 80px;
+                /* background-color: #8386d5; */
+                color: #000;
                 z-index: -2;
                 padding: 0 10px;
+                text-align: center;
             }
             
             .product-grid-section .grid-isotope .product-grid-box .title span {
-                color: white;
+                color: #000;
                 font-size: 20px;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
+                font-weight: bold;
+            }
+
+            .product-grid-section .grid-isotope .product-grid-box .title div {
+                color: #000;
+                font-size: 16px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                padding: 0 40px;
             }
             
             .product-grid-section .grid-isotope .product-grid-box .product-link {
@@ -4772,7 +4834,12 @@
             
             .credential-section {
                 position: relative;
-                background-color: #f7fcff;
+                background-color: #ffff;
+            }
+
+            .course-section{
+                position: relative;
+                background-color: #ffff;
             }
             /*===========================
 	About Page -- Investor Relations
@@ -4835,9 +4902,9 @@
             
             .about-sub-company-section {
                 position: relative;
-                background-image: url(../img/about/contact.png);
-                background-position: top center;
-                background-repeat: no-repeat;
+                /* background-image: url(../img/about/contact.png); */
+                /* background-position: top center; */
+                /* background-repeat: no-repeat; */
             }
             
             .about-sub-company-section h4 {
@@ -5221,9 +5288,6 @@
         cursor: pointer
     } */
             
-            .inner-banner {
-                height: 300px;
-            }
             
             p.subtit {
                 font-size: 20px
@@ -5740,7 +5804,7 @@
             
             @media(max-width:992px) {
                 .history-section {
-                    padding: 0
+                    padding: 50px;
                 }
                 .history-des {
                     width: 100%
@@ -5759,11 +5823,14 @@
                     height: 2px
                 }
                 #marquee_box img {
-                    width: 100px;
+                    width: 200px;
                 }
             }
             
             @media (max-width: 414px) {
+                .banner-section {
+                    padding-top: 0px;
+                }
                 .section-title span.title-tag {
                     font-size: 30px
                 }
@@ -5878,9 +5945,7 @@
                     padding: 6px 10px;
                     font-size: 12px;
                 }
-                .inner-banner {
-                    height: 230px
-                }
+
                 .solution-list-section .container {
                     padding: 0
                 }

+ 0 - 0
assets/img/about-banner.png → assets/img/about/about-banner.png


BIN
assets/img/about/bg.png


BIN
assets/img/about/bg1.png


BIN
assets/img/about/honor10.png


BIN
assets/img/about/honor11.png


BIN
assets/img/about/honor12.png


BIN
assets/img/about/honor13.png


BIN
assets/img/about/honor14.png


BIN
assets/img/about/honor15.png


BIN
assets/img/about/honor16.png


BIN
assets/img/about/honor5.png


BIN
assets/img/about/honor6.png


BIN
assets/img/about/honor7.png


BIN
assets/img/about/honor8.jpg


BIN
assets/img/about/honor9.png


BIN
assets/img/about/icon1.png


BIN
assets/img/about/icon2.png


BIN
assets/img/about/icon3.png


BIN
assets/img/about/icon4.png


BIN
assets/img/about/lc.png


BIN
assets/img/banner/11.jpg


BIN
assets/img/banner/1111.png


BIN
assets/img/banner/12.jpg


BIN
assets/img/banner/13.jpg


BIN
assets/img/banner/14.jpg


BIN
assets/img/home/1.png


BIN
assets/img/home/2.png


BIN
assets/img/home/3.png


BIN
assets/img/home/4.png


BIN
assets/img/home/trademark/1.png


BIN
assets/img/home/trademark/10.png


BIN
assets/img/home/trademark/11.png


BIN
assets/img/home/trademark/12.png


BIN
assets/img/home/trademark/13.png


BIN
assets/img/home/trademark/14.png


BIN
assets/img/home/trademark/15.png


BIN
assets/img/home/trademark/16.png


BIN
assets/img/home/trademark/17.png


BIN
assets/img/home/trademark/18.png


BIN
assets/img/home/trademark/19.png


BIN
assets/img/home/trademark/2.png


BIN
assets/img/home/trademark/20.png


BIN
assets/img/home/trademark/21.png


BIN
assets/img/home/trademark/22.png


BIN
assets/img/home/trademark/23.png


BIN
assets/img/home/trademark/24.png


BIN
assets/img/home/trademark/3.png


BIN
assets/img/home/trademark/4.png


BIN
assets/img/home/trademark/5.png


BIN
assets/img/home/trademark/6.png


BIN
assets/img/home/trademark/7.png


BIN
assets/img/home/trademark/8.png


BIN
assets/img/home/trademark/9.png


BIN
assets/img/news/news-banner.png


+ 0 - 0
assets/img/news-banner.png → assets/img/news/news-banner1.png


BIN
assets/img/product/bg.jpg


BIN
assets/img/product/bg.png


BIN
assets/img/product/bg1.png


BIN
assets/img/product/close.png


BIN
assets/img/product/图层11.png


BIN
assets/img/slices/slices1.png


BIN
assets/img/slices/slices2.png


BIN
assets/img/slices/slices3.png


BIN
assets/img/slices/slices4.png


BIN
assets/img/slices/slices5.png


BIN
assets/img/solution/01.png


BIN
assets/img/solution/02.png


BIN
assets/img/solution/03.png


BIN
assets/img/solution/04.png


BIN
assets/img/solution/111.jpg


BIN
assets/img/solution/111.png


BIN
assets/img/solution/bg.png


BIN
assets/img/solution/building-ehcarts.jpg


BIN
assets/img/solution/close.png


BIN
assets/img/solution/detail1.png


BIN
assets/img/solution/detail2-banner.jpg


BIN
assets/img/solution/detail2-banner.png


BIN
assets/img/solution/detail2.png


BIN
assets/img/solution/detail3.png


BIN
assets/img/solution/index/01.png


BIN
assets/img/solution/index/02.png


BIN
assets/img/solution/index/03.png


BIN
assets/img/solution/index/04.png


BIN
assets/img/solution/index/05.png


BIN
assets/img/solution/index/06.png


BIN
assets/img/solution/index/07.png


BIN
assets/img/solution/life/01.png


BIN
assets/img/solution/life/02.png


BIN
assets/img/solution/life/03.png


BIN
assets/img/solution/life/04.png


BIN
assets/img/solution/life/05.png


BIN
assets/img/solution/life/06.png


BIN
assets/img/solution/life/07.png


BIN
assets/img/solution/others/01.png


BIN
assets/img/solution/others/02.png


Some files were not shown because too many files changed in this diff