wisdom.html 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-icon">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>智慧城市</title>
  8. <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
  9. <link rel="stylesheet" href="css/main.min.css">
  10. <link rel="stylesheet" href="css/style.css">
  11. <link rel="stylesheet" type="text/css" href="css/cc-css-tools.css" />
  12. <link rel="stylesheet" href="js/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  13. <script src="js/jquery3.6.min.js"></script>
  14. <script src="js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  15. <script src="/js/rem.js"></script>
  16. <script src="/js/goTop.js"></script>
  17. <script>
  18. $(document).ready(function () {
  19. $(".jsLinks li").click(function () {
  20. var e = $(this).data("link"),
  21. s = $("#" + e).offset().top - 150;
  22. $(".jsLinks li").removeClass("z-active"),
  23. $(this).addClass("z-active"),
  24. $("html,body").animate({
  25. scrollTop: s
  26. }, 300)
  27. })
  28. $("#plane").on("click", function () {
  29. $(this).hasClass("z-current") ? ($(this).removeClass("z-current"),
  30. $(this).find(".title .title-left .title-left-icon").removeClass("planeClick")
  31. .addClass("plane"),
  32. $(this).find(".title .title-right").removeClass("reduce-icon")
  33. .addClass("add-icon")) : (
  34. $(this).addClass("z-current"),
  35. $(this).find(".title .title-left .title-left-icon").removeClass("plane")
  36. .addClass("planeClick"),
  37. $(this).find(".title .title-right").removeClass("add-icon")
  38. .addClass("reduce-icon"))
  39. });
  40. $("#car").on("click", function () {
  41. $(this).hasClass("z-current") ? ($(this).removeClass("z-current"),
  42. $(this).find(".title .title-left .title-left-icon").removeClass("carClick")
  43. .addClass("car"),
  44. $(this).find(".title .title-right").removeClass("reduce-icon")
  45. .addClass("add-icon")) : (
  46. $(this).addClass("z-current"),
  47. $(this).find(".title .title-left .title-left-icon").removeClass("car")
  48. .addClass("carClick"),
  49. $(this).find(".title .title-right").removeClass("add-icon")
  50. .addClass("reduce-icon"))
  51. });
  52. $("#community").on("click", function () {
  53. $(this).hasClass("z-current") ? ($(this).removeClass("z-current"),
  54. $(this).find(".title .title-left .title-left-icon").removeClass("communityClick")
  55. .addClass("community"),
  56. $(this).find(".title .title-right").removeClass("reduce-icon")
  57. .addClass("add-icon")) : (
  58. $(this).addClass("z-current"),
  59. $(this).find(".title .title-left .title-left-icon").removeClass("community")
  60. .addClass("communityClick"),
  61. $(this).find(".title .title-right").removeClass("add-icon")
  62. .addClass("reduce-icon"))
  63. });
  64. $("#education").on("click", function () {
  65. $(this).hasClass("z-current") ? ($(this).removeClass("z-current"),
  66. $(this).find(".title .title-left .title-left-icon").removeClass("educationClick")
  67. .addClass("education"),
  68. $(this).find(".title .title-right").removeClass("reduce-icon")
  69. .addClass("add-icon")) : (
  70. $(this).addClass("z-current"),
  71. $(this).find(".title .title-left .title-left-icon").removeClass("education")
  72. .addClass("educationClick"),
  73. $(this).find(".title .title-right").removeClass("add-icon")
  74. .addClass("reduce-icon"))
  75. });
  76. $("#medical").on("click", function () {
  77. $(this).hasClass("z-current") ? ($(this).removeClass("z-current"),
  78. $(this).find(".title .title-left .title-left-icon").removeClass("medicalClick")
  79. .addClass("medical"),
  80. $(this).find(".title .title-right").removeClass("reduce-icon")
  81. .addClass("add-icon")) : (
  82. $(this).addClass("z-current"),
  83. $(this).find(".title .title-left .title-left-icon").removeClass("medical")
  84. .addClass("medicalClick"),
  85. $(this).find(".title .title-right").removeClass("add-icon")
  86. .addClass("reduce-icon"))
  87. });
  88. $("#city").on("click", function () {
  89. $(this).hasClass("z-current") ? ($(this).removeClass("z-current"),
  90. $(this).find(".title .title-left .title-left-icon").removeClass("cityClick")
  91. .addClass("city"),
  92. $(this).find(".title .title-right").removeClass("reduce-icon")
  93. .addClass("add-icon")) : (
  94. $(this).addClass("z-current"),
  95. $(this).find(".title .title-left .title-left-icon").removeClass("city")
  96. .addClass("cityClick"),
  97. $(this).find(".title .title-right").removeClass("add-icon")
  98. .addClass("reduce-icon"))
  99. });
  100. $(".jsBusClick li").eq(0).find(".title").click();
  101. $(".citysClick li").eq(0).find(".title").click();
  102. })
  103. function scrollFixed(thisName) {
  104. var scrollTime;
  105. var titleTop = $(thisName).offset().top;
  106. var footTop = $(".footerbg").offset().top;
  107. if (scrollTime) {
  108. clearTimeout(scrollTime);
  109. }
  110. scrollTime = setTimeout(function () {
  111. if ($(window).scrollTop() > titleTop && $(window).scrollTop() < footTop - 500) {
  112. $(thisName).addClass("z-fixed");
  113. } else {
  114. $(thisName).removeClass("z-fixed");
  115. }
  116. }, 50);
  117. }
  118. var clock;
  119. function linksAll() {
  120. var s = $(window).scrollTop() + .8 * $(window).height();
  121. $(".jsLinks li").each(function (e) {
  122. $("#link" + (e + 1)).offset().top < s && ($(".jsLinks li").removeClass("z-active"),
  123. $(".jsLinks li").eq(e).addClass("z-active"))
  124. })
  125. }
  126. function userScroll() {
  127. $(window).scroll(function () {
  128. clock && clearTimeout(clock),
  129. clock = setTimeout(function () {
  130. linksAll()
  131. }, 0)
  132. })
  133. }
  134. userScroll(),
  135. $(window).on('scroll', function () {
  136. $(".m-side-left").length && scrollFixed(".m-side-left");
  137. });
  138. </script>
  139. <style type="text/css">
  140. .bannerbg {
  141. background: url(../images/Banner13.jpg) center center no-repeat;
  142. background-size: 100% 100%;
  143. }
  144. .flex-center {
  145. display: flex;
  146. justify-content: space-around;
  147. align-items: center;
  148. }
  149. .bottomTitle {
  150. text-align: center;
  151. margin-top: 20px;
  152. font-size: 18px;
  153. color: #010101;
  154. }
  155. .link2 {
  156. margin-bottom: 50px;
  157. }
  158. .m-text {
  159. line-height: 30px;
  160. }
  161. .jsBusClick li .title {
  162. display: flex;
  163. justify-content: space-between;
  164. align-items: center;
  165. }
  166. .citysClick li .title {
  167. display: flex;
  168. justify-content: space-between;
  169. align-items: center;
  170. }
  171. .title-left {
  172. display: flex;
  173. justify-content: space-between;
  174. align-items: center;
  175. }
  176. .title-left-icon {
  177. width: 30px;
  178. height: 30px;
  179. margin-right: 15px;
  180. }
  181. .plane {
  182. background: url(../images/plane.png) center center no-repeat;
  183. background-size: 100% 100%;
  184. }
  185. .planeClick {
  186. background: url(../images/plane-hover.png) center center no-repeat;
  187. background-size: 100% 100%;
  188. }
  189. .car {
  190. background: url(../images/car.png) center center no-repeat;
  191. background-size: 100% 100%;
  192. }
  193. .carClick {
  194. background: url(../images/car-hover.png) center center no-repeat;
  195. background-size: 100% 100%;
  196. }
  197. .community {
  198. background: url(../images/community.png) center center no-repeat;
  199. background-size: 100% 100%;
  200. }
  201. .communityClick {
  202. background: url(../images/community-hover.png) center center no-repeat;
  203. background-size: 100% 100%;
  204. }
  205. .education {
  206. background: url(../images/education.png) center center no-repeat;
  207. background-size: 100% 100%;
  208. }
  209. .educationClick {
  210. background: url(../images/education-hover.png) center center no-repeat;
  211. background-size: 100% 100%;
  212. }
  213. .medical {
  214. background: url(../images/medical.png) center center no-repeat;
  215. background-size: 100% 100%;
  216. }
  217. .medicalClick {
  218. background: url(../images/medical-hover.png) center center no-repeat;
  219. background-size: 100% 100%;
  220. }
  221. .title-right {
  222. width: 20px;
  223. height: 20px;
  224. }
  225. .add-icon {
  226. background: url(../images/add.png) center center no-repeat;
  227. background-size: 100% 100%;
  228. }
  229. .reduce-icon {
  230. background: url(../images/add-hover.png) center center no-repeat;
  231. background-size: 100% 100%;
  232. }
  233. .m-business-lists li:hover .plane {
  234. background: url(../images/plane-hover.png) center center no-repeat;
  235. background-size: 100% 100%;
  236. }
  237. .m-business-lists li:hover .car {
  238. background: url(../images/car-hover.png) center center no-repeat;
  239. background-size: 100% 100%;
  240. }
  241. .m-business-lists li:hover .community {
  242. background: url(../images/community-hover.png) center center no-repeat;
  243. background-size: 100% 100%;
  244. }
  245. .m-business-lists li:hover .education {
  246. background: url(../images/education-hover.png) center center no-repeat;
  247. background-size: 100% 100%;
  248. }
  249. .m-business-lists li:hover .medical {
  250. background: url(../images/medical-hover.png) center center no-repeat;
  251. background-size: 100% 100%;
  252. }
  253. .m-business-lists li:hover .add-icon {
  254. background: url(../images/add-hover1.png) center center no-repeat;
  255. background-size: 100% 100%;
  256. }
  257. .g-content .service-area-4 ul li {
  258. cursor: pointer;
  259. width: 21%;
  260. margin-right: 12%;
  261. }
  262. .m-service-lists li {
  263. width: 18.4%;
  264. color: #4c2f84;
  265. margin-right: 0;
  266. }
  267. .m-serve{
  268. margin-top: 50px;
  269. margin-bottom: 50px;
  270. }
  271. .m-serve li{
  272. width: 18%;
  273. margin-right: 5%;
  274. padding: 2% 1%;
  275. }
  276. .g-content .m-serve img{
  277. height: 0.7rem;
  278. }
  279. .m-serve p{
  280. line-height: 30px;
  281. color: #26456e;
  282. margin-top: 5%;
  283. }
  284. .mapStyle{
  285. height: 500px;
  286. margin: 0 auto;
  287. }
  288. </style>
  289. </head>
  290. <body>
  291. <div class="goTop" style="display: none;">
  292. <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
  293. </div>
  294. <div class="navbgbox">
  295. <div class="navbg">
  296. <div class="nav about_nav">
  297. <div style="position: relative">
  298. <a href="index.html" class="nav_logo">
  299. <img src="images/dgt_logo.png" width="171" height="70">
  300. </a>
  301. <div class="guanggao">
  302. <strong style="color: #999999; margin-left : -140px; font-size: 14px">智慧科技 · 神州软件</strong>
  303. </div>
  304. </div>
  305. <div class="nav_a">
  306. <a href="index.html">首页</a>
  307. <a href="product.html">智慧企业</a>
  308. <a href="wisdom.html" class="cur">智慧城市</a>
  309. <a href="fangan.html">解决方案</a>
  310. <a href="technology.html">技术服务</a>
  311. <a href="news.html">新闻中心</a>
  312. <a href="about_us.html">关于我们</a>
  313. <a href="contact.html">联系我们</a>
  314. <!-- <img width="70px" src="imgs/QRcode1.jpg" alt=""> -->
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. <div class="banner">
  320. <div class="bannerbg">
  321. <div class="shade">
  322. <div class="cc-tc-w bannerBoxTitle">
  323. <div class="bannerTitle">智慧城市</div>
  324. <div class="bannerTitle-eng">Wisdom city</div>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="g-content">
  330. <div class="g-content-in">
  331. <div class="m-side-left jsLinks">
  332. <ul>
  333. <li data-link="link1">
  334. <b class="num">01.</b>
  335. <b>业务介绍</b>
  336. </li>
  337. <li data-link="link2">
  338. <b class="num">02.</b>
  339. <b>业务涵盖</b>
  340. </li>
  341. <li data-link="link3">
  342. <b class="num">03.</b>
  343. <b>战略框架</b>
  344. </li>
  345. <li data-link="link4">
  346. <b class="num">04.</b>
  347. <b>探索与实践</b>
  348. </li>
  349. </ul>
  350. </div>
  351. <div class="g-content-right">
  352. <div class="g-right-in">
  353. <div class="u-title" id="link1">
  354. <h2>业务介绍</h2>
  355. </div>
  356. <div class="m-text">
  357. <p>
  358. 通过城市大数据中心、市民综合服务平台、企业综合服务平台、城市综合管理平台、农村综合服务平台(即一中心四平台)的建设,以社会经济的繁荣为目标,以社会和谐稳定为前提,以民生和人民幸福为宗旨,全力打造以便利城市、健康城市、 高效城市、平安城市、绿色城市为特征的智慧城市。
  359. </p>
  360. </div>
  361. <div class="u-title" id="link2">
  362. <h2>业务涵盖</h2>
  363. </div>
  364. <div class="m-business-lists jsBusClick">
  365. <ul>
  366. <li id="plane">
  367. <div class="title">
  368. <div class="title-left">
  369. <div class="title-left-icon plane"></div>
  370. <span>智慧旅游</span>
  371. </div>
  372. <div class="title-right add-icon"></div>
  373. </div>
  374. <div class="bus-box">
  375. <div class="m-text">
  376. <p>
  377. 以数字化为基础,借助互联网、移动互联网、物联网等现代信息技术, 打造围绕天台旅游目的地游客集散中心为核心,食、住、行、娱、游、购为支撑的,形成“两个中心、三个体系、四个应用”的大集散系统,打造数字化智慧旅游。
  378. </p>
  379. </div>
  380. <div class="bus-p m-text">
  381. <p>两个中心:云数据中心、指挥调度中心</p>
  382. <p>三个体系:管理体系、服务体系、营销体系</p>
  383. <p>四个系统:景区服务系统、监察管理系统、行政管理系统、商务营销系统</p>
  384. </div>
  385. </div>
  386. </li>
  387. <li id="car">
  388. <div class="title">
  389. <div class="title-left">
  390. <div class="title-left-icon car"></div>
  391. <span>智慧交通</span>
  392. </div>
  393. <div class="title-right add-icon"></div>
  394. </div>
  395. <div class="bus-box">
  396. <div class="m-text">
  397. <p>
  398. 为了满足政府对信息化建设的相关要求和解决大中城市的商业区和居民区停车难和道路停车管理难的现实问题,我们专门设计了智能停车管理解决方案。
  399. </p>
  400. <p>
  401. 本技术方案以强化管理为导向,将停车引导、计费收费、延伸服务等功能完整地结合在一起,与众多第三方应用(第三方卡支付、动态交通管理、公共安全管理等)互联,完美融入整体的城市管理信息化平台,并可通过数据归集分析,提供静态交通管理的决策支持。
  402. </p>
  403. </div>
  404. </div>
  405. </li>
  406. <li id="community">
  407. <div class="title">
  408. <div class="title-left">
  409. <div class="title-left-icon community"></div>
  410. <span>智慧社区</span>
  411. </div>
  412. <div class="title-right add-icon"></div>
  413. </div>
  414. <div class="bus-box">
  415. <div class="m-text">
  416. <p>
  417. 新形势下社区管理创新的一种新模式,它充分利用物联网、云计算、移动互联网等新一代信息技术的集成应用,为社区提供一个安全、舒适、便利的现代化、智慧化生活环境,从而形成基于信息化、智能化社会管理与服务的一种全新的管理形态的社区。
  418. </p>
  419. <p>
  420. 我公司智慧社区综合集成方案包括移动APP、社区网站、电视等多种智能终端,多屏联动,数据互联,统筹各类服务资源为切入点,为辖区居民提供人文化、多元化、社会化的公共服务,使其感受到智能生活的新 体验。通过云计算和数据挖掘及分析,构建涵盖社会管理、社会服务、 社区建设、社会动员、社会组织、社会领域党建等于一体的智能化综合信息服务管理平台,为政府提供决策依据及参考。
  421. </p>
  422. </div>
  423. </div>
  424. </li>
  425. <li id="education">
  426. <div class="title">
  427. <div class="title-left">
  428. <div class="title-left-icon education"></div>
  429. <span>智慧教育</span>
  430. </div>
  431. <div class="title-right add-icon"></div>
  432. </div>
  433. <div class="bus-box">
  434. <div class="m-text">
  435. <p>
  436. 通过Web、移动、终端机等,提供该地区智慧城市的:生活、福利、文化、消息等数码内容,及信息共享的共同体服务。充分利用当前社会最前沿的信息技术,建立多层次、创新型、开放式的现代学校,提高办学的质量和效益。以新的人才观、教学观和管理理论为指导,超越传统的教育模式,以便于培养适应信息社会要求的创新型人才。
  437. </p>
  438. </div>
  439. </div>
  440. </li>
  441. <li id="medical">
  442. <div class="title">
  443. <div class="title-left">
  444. <div class="title-left-icon medical"></div>
  445. <span>智慧医疗</span>
  446. </div>
  447. <div class="title-right add-icon"></div>
  448. </div>
  449. <div class="bus-box">
  450. <div class="m-text">
  451. <p>
  452. 智慧医疗是通过大规模健康数据的存储、管理、共享及知识挖掘,从“高效,实时,低成本”三方面入手。在支撑层、智慧层、服务层、应用层等各层次构建智慧医疗云数据中心技术体系,推动全民健康保障发展。
  453. </p>
  454. <p>
  455. 涵盖数据交换、公共卫生、医疗服务、新农合、基本药物、综合管理等业务。平台不仅提供标准化第三方接入机制,同时提供在线应用功能,功能涉及电子健康档案、电子病历、医院信息化管理、基层医卫机构信息化管理、远程会诊、远程培训、药品招标、协同办公等业务范畴;全面覆盖基层医卫机构、二三级医院、各级卫生厅(局)、预防接种、疾病控制、公共卫生、妇幼保健等应用范围。
  456. </p>
  457. </div>
  458. </div>
  459. </li>
  460. </ul>
  461. </div>
  462. <div class="u-title" id="link3">
  463. <h2>战略框架</h2>
  464. </div>
  465. <div class="m-service-lists service-list--other" style="margin-bottom: 0px;">
  466. <ul style="display: flex;
  467. justify-content: space-around;">
  468. <li>
  469. <div class="title">创新的产业经济</div>
  470. </li>
  471. <li>
  472. <div class="title">融合的市民服务</div>
  473. </li>
  474. <li>
  475. <div class="title">统筹的城市管理</div>
  476. </li>
  477. <li>
  478. <div class="title">有效的政府治理</div>
  479. </li>
  480. <li>
  481. <div class="title">一流的信息基础</div>
  482. </li>
  483. </ul>
  484. </div>
  485. <div class="m-text">
  486. <p>整体思维:从城市发展长期战略、全生命周期、多领域进行思考。</p>
  487. <p>市民聚焦:聚焦市民需求、聚焦公众参与、聚焦社会共治。 </p>
  488. <p>数据开放:确保安全前提下、开放政府和公共部门数据、发掘更大价值。</p>
  489. <p>商业模型:发挥政府和市场两种力量,实现智慧城市可持续发展。</p>
  490. </div>
  491. <div class="u-title" id="link4">
  492. <h2>探索与实践</h2>
  493. </div>
  494. <div class="m-text">
  495. <p>
  496. 通誉智慧城市云平台以社会和谐稳定为前提,以市民幸福便利、经济繁荣昌盛、社会平安高效为宗旨,利用大数据、云计算、全息虚拟、智能语音等技术推力,全力打造大数据信息服务平台、政务融合平台、企业融合平台、市民融合平台、全息语音平台,形成融合互联、智慧创新的智慧城市云平台,助力中国以至全世界的智慧城市建设。
  497. </p>
  498. </div>
  499. <div class="m-business-lists citysClick">
  500. <ul>
  501. <li id="city">
  502. <div class="title">
  503. <div class="title-left">
  504. <!-- <div class="title-left-icon city"></div> -->
  505. <span>智慧城市:洛龙惠服务平台</span>
  506. </div>
  507. <div class="title-right add-icon"></div>
  508. </div>
  509. <div class="bus-box">
  510. <div class="m-text">
  511. <p>
  512. 2019年11月13日,洛龙区智慧洛龙惠服务平台上线运行,办事企业和群众可通过政务服务网站或微信搜索“智慧洛龙”或扫一扫“智慧洛龙”二维码快速访问。
  513. </p>
  514. <p>
  515. 至上线时,惠服务平台已经可以通过政务服务网站和微信小程序向市民和企业提供政务服务六百多项,其中四百多项实现“零跑动”,一百多项服务实现“最多跑一次”,五百多项支持在线办理,二十多项支持在线预约、二百多项支持邮递办理,覆盖公安、人社、教育、税务等部门共六百多服务事项。让群众实实在在感受到“惠服务,慧服务,会服务”。
  516. </p>
  517. </div>
  518. </div>
  519. </li>
  520. </ul>
  521. </div>
  522. </div>
  523. </div>
  524. </div>
  525. <div class="footerbg">
  526. <div style="height: auto;" class="footer">
  527. <div>
  528. <span><a href="index.html">首页</a>|</span><span><a href="product.html">智慧企业</a>|</span><span><a
  529. href="wisdom.html">智慧城市</a>|</span><span><a href="fangan.html">解决方案</a>|</span><span><a
  530. href="technology.html">技术服务</a>|</span><span><a href="news.html">新闻中心</a>|</span><span><a
  531. href="about_us.html">关于我们</a>|</span><span><a href="contact.html">联系我们</a></span>
  532. <p>
  533. <span>
  534. 上海市长宁区福泉路111号神州数码(上海)科技园 </span>
  535. <span>|</span>
  536. <span>北京市海淀区上地九街九号数码科技广场 </span>
  537. <span>|</span>
  538. <span>洛阳市洛龙区金城寨街正大国际中心</span>
  539. </p>
  540. <p style="padding-top: 5px;">
  541. <span>苏州市相城区元和街道嘉元路959号元和大厦 </span>
  542. <span>|</span>
  543. <span>杭州市下城区延安路385号杭州嘉里中心 </span>
  544. </p>
  545. <a href="http://www.beian.miit.gov.cn/">沪ICP备16042560号</a>
  546. </div>
  547. <div class="leftImg">
  548. <img src="imgs/QRcode1.jpg" alt="">
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. </body>
  554. </html>