CINXE.COM
Агаарын чанар
<!DOCTYPE html> <html> <head> <base href="http://agaar.mn:80/index"><!--[if IE]></base><![endif]--> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Агаарын чанар</title> <meta name="description" content="Агаарын чанарын хяналт"/> <meta name="keywords" content="Агаарын чанарын хяналт"/> <meta name="author" content="ASTVision"/> <meta name="_csrf_parameter" content="_csrf" /><meta name="_csrf_header" content="X-CSRF-TOKEN" /><meta name="_csrf" content="6288732e-b59b-452e-a689-5e204cbe0329" /> <link rel="shortcut icon" href="/resources/img/favicon.ico"> <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <!--CSS--> <link rel="stylesheet" href="/resources/css/layout.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="/resources/css/component.css"/> <link rel="stylesheet" type="text/css" href="/resources/css/styles.css"> <link rel="stylesheet" type="text/css" href="/resources/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="/resources/css/style.css"> <link rel="stylesheet" type="text/css" href="/resources/css/font-awesome.css"> <link rel="stylesheet" type="text/css" href="/resources/css/text.css"> <link rel="stylesheet" type="text/css" href="/resources/css/timeline.css"> <link rel="stylesheet" type="text/css" href="/resources/css/map.css"> <link rel="stylesheet" type="text/css" href="/resources/css/lightbox.css"> <link rel="stylesheet" type="text/css" href="/resources/css/svgAnimation.css"> <link rel="stylesheet" type="text/css" href="/resources/css/jquery.bxslider.css"> <!--**********--> <!--Javascript--> <!--**********--> <script type="text/javascript" src="/resources/js/jquery-1.11.1.min.js"></script> </head> <body> <!--mobile--> <div class="row text-center" id="mobileDet" style="display: none"> <div class="row"> <img style="width:250px" src="/resources/img/top.png"> </div> <div class="row" style="margin-top:30px"> <a href="https://itunes.apple.com/us/app/agaar.mn/id911239950?mt=8" target="_blank"> <img src="/resources/img/app_store.png"> </a> </div> <div class="row" style="margin-top:15px"> <a href="https://play.google.com/store/apps/details?id=com.astvision.airquality" target="_blank"> <img src="/resources/img/play_store.png"> </a> </div> <div class="row text-left" style="margin:0"> <img style="width:100%; bottom:0%; position: fixed; overflow: hidden" src="/resources/img/bottom_city.png"> </div> </div> <!--desktop--> <div id="desktopDet" style="display: none"> <!--SVG Background--> <div id="container" class="intro-effect-push" style="height: 860px"> <!--********************--> <!--Parallax city images--> <!--********************--> <header class="header"> <div id="svg-container"> <svg id="city" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 1920 1080" preserveaspectratio="xMidYMax" width="100%" height="100%"> <g id="fifth-plan" class="image0" style="transform: matrix(1, 0, 0, 1, 61.903302298132, 0);"> <image xlink:href="/resources/svg/agaar.mn5.svg" width="100%" height="103%"></image> </g> <g id="fourth-plan" class="image4" style="transform: matrix(1, 0, 0, 1, -7.797718062500002, 0);"> <image xlink:href="/resources/svg/agaar.mn4.svg" width="100%" height="100%"></image> </g> <g id="third-plan" class="image3" style="top:10px"> <image xlink:href="/resources/svg/agaar.mn3.svg" width="100%" height="100%" y="10px"></image> <image xlink:href="/resources/img/smoke-an1.gif" width="101px" height="121px" x="240" y="661"></image> </g> <g id="second-plan" class="image2" style="transform: matrix(1, 0, 0, 1, 15.60149444444445, 0);"> <image xlink:href="/resources/svg/agaar.mn2.svg" width="100%" height="100%"></image> </g> <g id="first-plan" class="image1" style="transform: matrix(1, 0, 0, 1, 61.903302298132, 0);"> <image xlink:href="/resources/svg/agaar.mn1.svg" width="100%" height="100%"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="24px" height="81px" x="1215" y="911"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="24px" height="81px" x="413" y="908"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="16px" height="81px" x="783" y="908"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="16px" height="81px" x="886" y="912"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="16px" height="81px" x="1522" y="912"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="16px" height="81px" x="1612" y="912"></image> <image xlink:href="/resources/img/smoke-an3.gif" width="16px" height="81px" x="1722" y="912"></image> </g> </svg> </div> <!--****--> <!--Logo--> <!--****--> <div id="header"> <h1><img class="scroll-in-view anim-started logoScroll" data-scroll-in-view-delay="0" data-scroll-in-view-group="0" src="/resources/img/logo_2.png" alt="logo" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"></h1> </div> <!--Scroll button--> <button class="trigger fa fa-angle-double-down fa-4x animated" style="font-weight: 100;"><span>Trigger</span></button> </header> <!--***************--> <!--Main Navigation--> <!--***************--> <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="containerNav"> <div class="row" style="padding-left:15px; padding-right:15px"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="/index" class="navbar-brand"> <img src="/resources/img/logoScroll.png"> </a> </div> <div> <ul class="nav navbar-nav pull-left cl-effect-3"> </ul> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav pull-right cl-effect-3" style="background:#fff"> <!--<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Аймгуудын агаарын чанар</a></li> <li><a href="#">LED дэлгэцийн байршил</a></li> <li><a href="#">Агаарын чанарын хяналтын харуулын мэдээлэл</a></li> <li><a href="#">Ухаалаг утсанд зориулсан програм</a></li> </ul> </li>--> <li class="dropdown1"> <a href="/article/activity" class="dropdown-toggle disabled" data-toggle="dropdown">Үйл ажиллагаа<span class="caret"></span></a> <ul class="dropdown-menu1" role="menu"> <li class="subMenu0"> <a href="/article/activity/energy">Эрчим хүч</a> </li> <li class="subMenu0"> <a href="/article/activity/construction">Барилга</a> </li> <li class="subMenu0"> <a href="/article/activity/transportation">Тээвэр</a> </li> <li class="subMenu0"> <a href="/article/activity/ecology">Экологи, ногоон байгууламж</a> </li> <li class="subMenu0"> <a href="/article/activity/projects">Төсөл хөтөлбөрүүд</a> </li> <li class="subMenu0"> <a href="/article/activity/airquality">Агаарын чанарын хяналт шинжилгээ</a> </li> </ul> </li> <li> <a href="/article/news" class="disabled">Мэдээ, мэдээлэл</a> </li> <li class="dropdown1"> <a href="/article/advice" class="dropdown-toggle disabled" data-toggle="dropdown">Зөвлөгөө<span class="caret"></span></a> <ul class="dropdown-menu1" role="menu"> <li class="subMenu0"> <a href="/article/advice/health">Эрүүл мэндийн зөвлөгөө</a> </li> <li class="subMenu0"> <a href="/article/advice/participation">Иргэн таны оролцоо</a> </li> <li class="subMenu0"> <a href="/article/advice/stove-firing">Сайжруулсан зуухны зөв галлагаа</a> </li> <li class="subMenu0"> <a href="/article/advice/new-technology">Шинэ техник технологи</a> </li> <li class="subMenu0"> <a href="/article/advice/other">Бусад</a> </li> </ul> </li> <li class="dropdown1"> <a href="/article/legal" class="dropdown-toggle disabled" data-toggle="dropdown">Хууль эрх зүй<span class="caret"></span></a> <ul class="dropdown-menu1" role="menu"> <li class="subMenu0"> <a href="/article/legal/law">Хууль</a> </li> <li class="subMenu0"> <a href="/article/legal/parliament">УИХ, Засгийн газрын тогтоол</a> </li> <li class="subMenu0"> <a href="/article/legal/regulation">Дүрэм, журам</a> </li> <li class="subMenu0"> <a href="/article/legal/standard">Стандарт</a> </li> <li class="subMenu0"> <a href="/article/legal/other">Бусад</a> </li> </ul> </li> <li class="dropdown1"> <a href="/article/statistic" class="dropdown-toggle disabled" data-toggle="dropdown">Статистик<span class="caret"></span></a> <ul class="dropdown-menu1" role="menu"> <li class="subMenu0"> <a href="/article/statistic/reports">Судалгаа тайлан</a> </li> <li class="subMenu0"> <a href="/article/statistic/infographic">Инфографик</a> </li> </ul> </li> <li class="dropdown1"> <a href="/article/transparency" class="dropdown-toggle disabled" data-toggle="dropdown">Ил тод байдал<span class="caret"></span></a> <ul class="dropdown-menu1" role="menu"> <li class="subMenu0"> <a href="/article/transparency/tsever-agaar-project">Цэвэр агаар сан</a> </li> </ul> </li> <li class="languageSwitch" style="margin-top:5px"> <a href="?lang=en" class="languageButton" id="btn_5"> <p>EN</p> </a> </li> </ul> </div> </div> </div> </div> <div class="mapArea topspace" style="z-index:1"> <div id="map_canvas"></div> </div> <!--***********--> <!--Top 5 board--> <!--***********--> <div class="content" id="home"> <div class="container statTop" id="top-nav" style="z-index:2"> <ul class="listParent" id="top_list"> </ul> </div> </div> <!--*******************--> <!--Optional google map--> <!--*******************--> <div class="content mapbutton firstStat mapbuttonArea"> <div class="row"> <button style="" type="submit" id="bottommap1" class="googlemapButton" onclick="displayMap()">Google Map</button> </div> <div class="row"> <button style="" type="submit" id="bottommap2" class="sitemapButton" >UB Map</button> </div> <div class="row" style="padding-top: 15px" style="display: inline-block"> <a href="#mobileappmenu"> <img style="height:40px" src="/resources/img/appstore.png"> </a> </div> </div> <!--********--> <!--Site Map--> <!--********--> <div class="container sitemap"> <div class="row" style=""> <div class="col-xs-8" style="z-index:2"> <div class="content"> <div class="container mapstyle" id="svgmap"> <svg width="980pt" height="470pt" id="world b" viewbox="0 0 1600 787" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!--Khan-uul--> <g> <image overflow="visible" opacity="0.35" width="423" height="570" xlink:href="/resources/svg/songino/3469FF32B51192B3.png" transform="matrix(1 0 0 1 320 81)"></image> <image overflow="visible" opacity="0.35" width="435" height="512" xlink:href="/resources/svg/songino/F819BAC0260AE7E9.png" transform="matrix(1 0 0 1 -38 18)"></image> <image overflow="visible" opacity="0.35" width="217" height="378" xlink:href="/resources/svg/songino/25DBDBE73B0CF0BA.png" transform="matrix(1 0 0 1 282 100)"></image> <image overflow="visible" opacity="0.35" width="365" height="442" xlink:href="/resources/svg/songino/BE25EF0542EA48DF.png" transform="matrix(1 0 0 1 510 281)"></image> </g> <g id="khan-uul"> <g> <image overflow="visible" opacity="0.35" width="396" height="299" xlink:href="/resources/svg/songino/E7CC0DA9058EDA27.png" transform="matrix(1 0 0 1 56 369)"></image> <g> <path fill="#1D608D" d="M395.948,456.735c0,0-0.583-6.166-3.083-8.354s-8.5-9.188-9.125-11.375s2-2,0.562-5 s-7.812-13.191-7.812-13.191s0.443-2.09,1.703-2.762l-12.958,0.291l-0.77,0.098c-0.519,1.961-7.309,5.07-8.059,5.221 c-0.833,0.166-12.917-2.166-15.625-3.666s-6.708,0.166-7.041,0.666s-5.922,1.576-8,5.834c0,0-5.5,0.166-7,1.5 c-1.5,1.332-4.833-1.168-5.5,0c-0.667,1.166-10.833,13-10.833,13h-4.667c0,0-12.569,8.873-14.167,7.332l-1.248-1.359 c-1.396-0.582-3.728-1.701-5.751-3.4c-3.125-2.625-10.75-1.5-10.75-1.5c-6,5.75-14.25,4.375-16,4.25s-8.125,3-8.125,3l-5.5,0.875 c-6.625,0.5-12.458,4.334-12.458,4.334l-8-4.334l-18.333-1l-4.333,2.334l-7.667,20l-57,3.332l-19.958,39.375l1.167,81.5 l32.667,8.5l20.5-23.334v-11l-9.333-2l3.167-3l2,2.5c0,0,2.5-1.834,4.167-1.5s3.667,3.5,3.667,3.5l1.5,1.334c0,0,41,8.5,53,9.5 c0,0,11.667,8.5,20.5,11.166c8.833,2.668,9.167,4.668,9.167,4.668s33.834-1.834,36.167-3.668c0,0,4.167,12.334,6.167,15.5 c2,3.168,30.5-46.498,40.333-51.332c0,0,18.667,3.332,18.667,4c0,0.666,9.167,8.5,9.167,8.5l27.167-13.334l-1.667-3.666 l-0.667-21.168l4.333-11.832l-18.333-25.5c0,0,3.333-6.668,3.667-10.668C375.614,480.901,393.781,459.403,395.948,456.735z M342.865,418.819c0,0-0.004-0.004-0.004-0.004c0.003,0.002,0.007,0.002,0.01,0.004 C342.87,418.819,342.866,418.819,342.865,418.819z"/> </g> </g> <path fill="#2679B5" d="M396.502,445.735c0,0-0.583-6.166-3.083-8.354s-8.5-9.188-9.125-11.375s2-2,0.562-5 s-7.812-13.191-7.812-13.191s0.443-2.09,1.703-2.762l-12.958,0.291l-0.77,0.098c-0.519,1.961-7.309,5.07-8.059,5.221 c-0.833,0.166-12.917-2.166-15.625-3.666s-6.708,0.166-7.041,0.666s-5.922,1.576-8,5.834c0,0-5.5,0.166-7,1.5 c-1.5,1.332-4.833-1.168-5.5,0c-0.667,1.166-10.833,13-10.833,13h-4.667c0,0-12.569,8.873-14.167,7.332l-1.248-1.36 c-1.396-0.581-3.728-1.7-5.751-3.399c-3.125-2.625-10.75-1.5-10.75-1.5c-6,5.75-14.25,4.375-16,4.25s-8.125,3-8.125,3l-5.5,0.875 c-6.625,0.5-12.458,4.333-12.458,4.333l-8-4.333l-18.333-1l-4.333,2.333l-7.667,20.001l-57,3.332l-19.958,39.375l1.167,81.5 l32.667,8.5l20.5-23.334v-11l-9.333-2l3.167-3l2,2.5c0,0,2.5-1.834,4.167-1.5s3.667,3.5,3.667,3.5l1.5,1.334c0,0,41,8.5,53,9.5 c0,0,11.667,8.5,20.5,11.166c8.833,2.668,9.167,4.668,9.167,4.668s33.834-1.834,36.167-3.668c0,0,4.167,12.334,6.167,15.5 c2,3.168,30.5-46.498,40.333-51.332c0,0,18.667,3.332,18.667,4c0,0.666,9.167,8.5,9.167,8.5l27.167-13.334l-1.667-3.666 l-0.667-21.168l4.333-11.832l-18.333-25.5c0,0,3.333-6.668,3.667-10.668C376.169,469.901,394.336,448.403,396.502,445.735z M343.42,407.819c-0.001,0-0.004-0.004-0.004-0.004c0.003,0.002,0.006,0.002,0.01,0.004 C343.425,407.819,343.421,407.819,343.42,407.819z"/> <g id="activeArea"> <path fill="#31BADE" d="M396.502,434.735c0,0-0.583-6.166-3.083-8.354s-8.5-9.188-9.125-11.375s2-2,0.562-5 s-7.812-13.191-7.812-13.191s0.443-2.09,1.703-2.762l-12.958,0.291l-0.77,0.098c-0.519,1.961-7.309,5.07-8.059,5.221 c-0.833,0.166-12.917-2.166-15.625-3.666s-6.708,0.166-7.041,0.666s-5.922,1.576-8,5.834c0,0-5.5,0.166-7,1.5 c-1.5,1.332-4.833-1.168-5.5,0c-0.667,1.166-10.833,13-10.833,13h-4.667c0,0-12.569,8.873-14.167,7.332l-1.248-1.36 c-1.396-0.581-3.728-1.7-5.751-3.399c-3.125-2.625-10.75-1.5-10.75-1.5c-6,5.75-14.25,4.375-16,4.25s-8.125,3-8.125,3l-5.5,0.875 c-6.625,0.5-12.458,4.333-12.458,4.333l-8-4.333l-18.333-1l-4.333,2.333l-7.667,20.001l-57,3.332l-19.958,39.375l1.167,81.5 l32.667,8.5l20.5-23.334l-9.333-13l3.167-3l2,2.5c0,0,2.5-1.834,4.167-1.5s3.667,3.5,3.667,3.5l1.5,1.334c0,0,41,8.5,53,9.5 c0,0,11.667,8.5,20.5,11.166c8.833,2.668,9.167,4.668,9.167,4.668s33.834-1.834,36.167-3.668c0,0,4.167,12.334,6.167,15.5 c2,3.168,30.5-46.498,40.333-51.332c0,0,18.667,3.332,18.667,4c0,0.666,9.167,8.5,9.167,8.5l27.167-13.334l-1.667-3.666 l-0.667-21.168l4.333-11.832l-18.333-25.5c0,0,3.333-6.668,3.667-10.668C376.169,458.901,394.336,437.402,396.502,434.735z M343.42,396.819c-0.001,0-0.004-0.004-0.004-0.004c0.003,0.002,0.006,0.002,0.01,0.004 C343.425,396.819,343.421,396.819,343.42,396.819z"/> </g> <path fill="#2679B5" d="M108.448,373.979"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="109.3984" y1="495.3115" x2="219.7686" y2="495.3115"> <stop offset="0" style="stop-color:#A2DDF0"/> <stop offset="0.1517" style="stop-color:#6FCCDD"/> <stop offset="0.2972" style="stop-color:#A2DDF0"/> <stop offset="0.4334" style="stop-color:#6FCCDD"/> <stop offset="0.5309" style="stop-color:#A2DDF0"/> <stop offset="0.6313" style="stop-color:#6FCCDD"/> <stop offset="0.7375" style="stop-color:#A2DDF0"/> <stop offset="0.8214" style="stop-color:#6FCCDD"/> <stop offset="0.9407" style="stop-color:#A2DDF0"/> </linearGradient> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="284.7969" y1="443.1543" x2="385.2329" y2="443.1543"> <stop offset="0" style="stop-color:#A2DDF0"/> <stop offset="0.1517" style="stop-color:#6FCCDD"/> <stop offset="0.2972" style="stop-color:#A2DDF0"/> <stop offset="0.4334" style="stop-color:#6FCCDD"/> <stop offset="0.5309" style="stop-color:#A2DDF0"/> <stop offset="0.6313" style="stop-color:#6FCCDD"/> <stop offset="0.7375" style="stop-color:#A2DDF0"/> <stop offset="0.8214" style="stop-color:#6FCCDD"/> <stop offset="0.9407" style="stop-color:#A2DDF0"/> </linearGradient> </g> <!--Сонгино Хайрхан--> <g id="songino"> <g> <path fill="#1D608D" d="M14.31,79.523l1.667,10.667l27.333,47.667l12.667,43.667l-7.688,6.989c0,0,0.021,8.999,0.021,9.344 c0,1.333,40,56.333,40,56.333l-11.333,30.333l0.667,29l13,29.333l29,21.667l-13,1.666v9.334l17.667,32.999l-11,20.668l1.667,18 l14,21l57-3.332l7.667-20.002l4.333-2.334l18.333,1l8,4.334c0,0,5.833-3.832,12.458-4.334l5.5-0.875c0,0,6.375-3.125,8.125-3 s10,1.5,16-4.25c0,0,7.625-1.125,10.75,1.5s7,3.875,7,3.875s-0.75-4.875,0-6.625s0-22.375,0-22.375l2.25-1l6.375-0.125 l2.125-2.75c0,0,25.125,0.125,33.375-3l12.25-39.499c0,0-8.125-15.25-10.375-25.375l0.875-13.25l-3.375-2.125l8.875-31.5 l-11.5-28.375l-11-39.375l20.125-38.25l1.125-29l3.75-13l-32.875-29.125c0,0-45.5-7.625-92.25-12.875l-11.875-5.125 c0,0-26,4.375-27.75,5.5s-17.125-12-17.125-12l-59.75-7.125c0,0-2.375-4.875-22-9.125c0,0-9.375-4.125-11.5-9.625 c0,0-29.75,9.875-36.5,10.5c-5.329,0.493-13.104-5.969-13.104-5.969L14.31,79.523z"/> </g> <path fill="#2679B5" d="M14.289,70.179l1.667,10.667l27.333,47.667l12.667,43.667l-7.658,8.211c0,0-0.009,7.833-0.009,8.122 c0,1.333,40,56.333,40,56.333l-11.333,30.333l0.667,29l13,29.333l29,21.667l-13,3v8l17.667,33l-11,20.667l1.667,18l14,21.001 l57-3.334l7.667-20l4.333-2.334l18.333,1l8,4.334c0,0,5.833-3.834,12.458-4.334l5.5-0.875c0,0,6.375-3.125,8.125-3s10,1.5,16-4.25 c0,0,7.625-1.125,10.75,1.5s7,3.875,7,3.875s-0.75-4.875,0-6.625s0-22.375,0-22.375l2.25-1l6.375-0.125l2.125-2.75 c0,0,25.125,0.125,33.375-3l12.25-39.5c0,0-8.125-15.25-10.375-25.375l0.875-13.25l-3.375-2.125l8.875-31.5l-11.5-28.375 l-11-39.375l20.125-38.25l1.125-29l3.75-13l-32.875-29.125c0,0-45.5-7.625-92.25-12.875l-11.875-5.125c0,0-26,4.375-27.75,5.5 s-17.125-12-17.125-12l-59.75-7.125c0,0-2.375-4.875-22-9.125c0,0-9.375-4.125-11.5-9.625c0,0-29.75,9.875-36.5,10.5 C21.856,67.314,14.279,62.2,14.279,62.2L14.289,70.179z"/> <g id="activeArea"> <path fill="#04A4DD" d="M14.279,62.2l1.667,10.667l27.333,47.667L55.945,164.2c0,0-7.667,15-7.667,16.333s40,56.333,40,56.333 L76.945,267.2l0.667,29l13,29.333l29,21.667l-13,11l17.667,33l-11,20.666l1.667,18l14,21l57-3.332l7.667-20.001l4.333-2.333 l18.333,1l8,4.333c0,0,5.833-3.833,12.458-4.333l5.5-0.875c0,0,6.375-3.125,8.125-3s10,1.5,16-4.25c0,0,7.625-1.125,10.75,1.5 s7,3.875,7,3.875s-0.75-4.875,0-6.625s0-22.375,0-22.375l2.25-1l6.375-0.125l2.125-2.75c0,0,25.125,0.125,33.375-3l12.25-39.5 c0,0-8.125-15.25-10.375-25.375l0.875-13.25l-3.375-2.125l8.875-31.5l-11.5-28.375l-11-39.375l20.125-38.25l1.125-29l3.75-13 L306.112,98.7c0,0-45.5-7.625-92.25-12.875L201.987,80.7c0,0-26,4.375-27.75,5.5s-17.125-12-17.125-12l-59.75-7.125 c0,0-2.375-4.875-22-9.125c0,0-9.375-4.125-11.5-9.625c0,0-29.75,9.875-36.5,10.5S14.279,62.2,14.279,62.2z"/> </g> </g> <path fill="#2679B5" d="M108.448,373.979"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="217.1855" y1="401.5312" x2="288.1987" y2="401.5312"> <stop offset="0" style="stop-color:#A2DDF0"/> <stop offset="0.1517" style="stop-color:#6FCCDD"/> <stop offset="0.2972" style="stop-color:#A2DDF0"/> <stop offset="0.4334" style="stop-color:#6FCCDD"/> <stop offset="0.5309" style="stop-color:#A2DDF0"/> <stop offset="0.6313" style="stop-color:#6FCCDD"/> <stop offset="0.7375" style="stop-color:#A2DDF0"/> <stop offset="0.8214" style="stop-color:#6FCCDD"/> <stop offset="0.9407" style="stop-color:#A2DDF0"/> </linearGradient> <!--bayangol--> <g id="bayangol"> <path fill="#1D608D" d="M364.945,415.835c-1.167-1.834-9.167-2.332-9.167-2.332s-0.5-5.834-0.5-6.334s2.5-2.834,2.5-3.334 s0-2.666,0-2.666l-7.833-8.334l-1-14.833c-2.167-3.666-8.458-7.959-8.458-7.959l-12.25,39.501c-8.25,3.125-33.375,3-33.375,3 l-2.125,2.75l-6.375,0.125l-2.25,1c0,0,0.75,20.625,0,22.375s0,6.625,0,6.625s-0.193-0.064-0.514-0.184 c0.195,0.574,0.369,0.959,0.514,1.1c1.598,1.541,14.167-7.332,14.167-7.332h4.667c0,0,10.167-11.834,10.833-13 c0.667-1.168,4,1.332,5.5,0c1.5-1.334,7-1.5,7-1.5c2.078-4.258,7.667-5.334,8-5.834s4.333-2.166,7.041-0.666 s14.792,3.832,15.625,3.666S366.111,417.669,364.945,415.835z"/> <path fill="#2679B5" d="M364.945,404.835c-1.167-1.834-9.167-2.332-9.167-2.332s-0.5-5.834-0.5-6.334s2.5-2.834,2.5-3.334 s0-2.666,0-2.666l-7.833-8.334l-1-14.833c-2.167-3.666-8.458-7.958-8.458-7.958l-12.25,39.5c-8.25,3.125-33.375,3-33.375,3 l-2.125,2.75l-6.375,0.125l-2.25,1c0,0,0.75,20.625,0,22.375s0,6.625,0,6.625s-0.193-0.064-0.514-0.184 c0.195,0.574,0.369,0.959,0.514,1.1c1.598,1.541,14.167-7.332,14.167-7.332h4.667c0,0,10.167-11.834,10.833-13 c0.667-1.168,4,1.332,5.5,0c1.5-1.334,7-1.5,7-1.5c2.078-4.258,7.667-5.334,8-5.834s4.333-2.166,7.041-0.666 s14.792,3.832,15.625,3.666S366.111,406.669,364.945,404.835z"/> <g id="activeArea"> <path fill="#45cef2" d="M364.945,393.835c-1.167-1.834-9.167-2.332-9.167-2.332s-0.5-5.834-0.5-6.334s2.5-2.834,2.5-3.334 s0-2.666,0-2.666l-7.833-8.334l-1-14.833c-2.167-3.667-8.458-7.958-8.458-7.958l-12.25,39.5c-8.25,3.125-33.375,3-33.375,3 l-2.125,2.75l-6.375,0.125l-2.25,1c0,0,0.75,20.625,0,22.375s0,6.625,0,6.625s-0.193-0.064-0.514-0.184 c0.195,0.574,0.369,0.959,0.514,1.1c1.598,1.541,14.167-7.332,14.167-7.332h4.667c0,0,10.167-11.834,10.833-13 c0.667-1.168,4,1.332,5.5,0c1.5-1.334,7-1.5,7-1.5c2.078-4.258,7.667-5.334,8-5.834s4.333-2.166,7.041-0.666 s14.792,3.832,15.625,3.666S366.111,395.669,364.945,393.835z"/> </g> </g> <!--Chingeltei--> <g id="chingeltei"> <g> <polygon fill="#1D608D" points="343.4,418.821 343.404,418.825 343.41,418.825 "/> <path fill="#1D608D" d="M348.933,378.002l1,14.833l7.833,8.334c0,0,0,2.166,0,2.666s-2.5,2.834-2.5,3.334s0.5,6.334,0.5,6.334 s0.301,0.02,0.79,0.062c-0.117-1.371-0.461-5.465-0.461-5.881c0,0,2.875-0.375,3.5-0.75s3.25,0.25,4.446,0s1.554-0.5,1.832-1 s1.597-0.875,2.347-1.5s0.625-1.5,0.875-2.375s-0.125-4-0.75-6.5s-1.875-0.875-2.875-0.375s-2,0.5-2.75,0s-0.25-1.75-0.875-2.625 s0.125-1.25-0.25-2.75s0.25-1.625,0.375-3.25s1.125-1.25,2.625-2.875s0.25-0.75,0.125-3c-0.125-2.251,0.75-2.876,1.153-5.876 s1.347-3,1.722-4.25s1.875-3.875,2.375-8.25c0.5-4.375-0.375-9,0-10.875s1-1,1.625-1.75s2.125,0.5,2.625,0s0.125-0.75,0-2.125 s-0.375-2.5-0.625-4s0.625-0.625,2.5-1.75s0.375-1.625,0.25-3.625s0.375-2.25,0.5-4.625s-0.25-4.75,0.375-6.125 s1.375-3.125,2.375-6.125s-1.375-2.875-3.25-5.125s-3.125-6.125-5.25-7.625s-1.375-5.125-1.75-7.5s-2.375-7.5-4.859-14.375 s-0.891-18.375-0.766-20.5s0.625-3.75,0.75-6s-0.5-5.375-1.5-7.375s-2.75-1.75-3.875-5.25s-4.125-8.25-7.949-10.25 s-0.051-3.375-2.058-5.125s0.256-2.5,0.006-6.5s6.75-8.875,4.5-10s-0.25-3.5-2.375-4.5s-0.931-5.303-1.25-5.5 c-6.416-3.974-15.747-13.74-15.869-13.869l0,0.01l-20.125,27.25v11l11,39.375l11.5,28.375l-8.875,20.5v11l3.375,2.125l-0.875,2.25 v11c2.23,10.038,10.231,25.105,10.369,25.363l0.006-0.02C340.475,370.043,346.767,374.336,348.933,378.002z"/> </g> <g> <polygon fill="#2679B5" points="343.4,407.821 343.404,407.825 343.41,407.825 "/> <path fill="#2679B5" d="M348.933,367.002l1,14.833l7.833,8.334c0,0,0,2.166,0,2.666s-2.5,2.834-2.5,3.334s0.5,6.334,0.5,6.334 s0.301,0.02,0.79,0.062c-0.117-1.371-0.461-5.465-0.461-5.881c0,0,2.875-0.375,3.5-0.75s3.25,0.25,4.446,0s1.554-0.5,1.832-1 s1.597-0.875,2.347-1.5s0.625-1.5,0.875-2.375s-0.125-4-0.75-6.5s-1.875-0.875-2.875-0.375s-2,0.5-2.75,0s-0.25-1.75-0.875-2.625 s0.125-1.25-0.25-2.75c-0.375-1.501,0.25-1.626,0.375-3.251s1.125-1.25,2.625-2.875s0.25-0.75,0.125-3s0.75-2.875,1.153-5.875 s1.347-3,1.722-4.25c0.375-1.25,1.875-3.875,2.375-8.25s-0.375-9,0-10.875s1-1,1.625-1.75s2.125,0.5,2.625,0s0.125-0.75,0-2.125 s-0.375-2.5-0.625-4s0.625-0.625,2.5-1.75s0.375-1.625,0.25-3.625s0.375-2.25,0.5-4.625s-0.25-4.75,0.375-6.125 s1.375-3.125,2.375-6.125s-1.375-2.875-3.25-5.125s-3.125-6.125-5.25-7.625s-1.375-5.125-1.75-7.5s-2.375-7.5-4.859-14.375 s-0.891-18.375-0.766-20.5s0.625-3.75,0.75-6s-0.5-5.375-1.5-7.375s-2.75-1.75-3.875-5.25s-4.125-8.25-7.949-10.25 s-0.051-3.375-2.058-5.125s0.256-2.5,0.006-6.5s6.75-8.875,4.5-10s-0.25-3.5-2.375-4.5s-0.931-5.303-1.25-5.5 c-6.416-3.974-15.747-13.74-15.869-13.869l0,0.01l-20.113,27.25l-0.012,11l11,39.375l11.5,28.375l-8.863,20.5l-0.012,11 l3.375,2.125L330.1,333.7c2.23,10.038,10.231,25.104,10.369,25.363l0.006-0.02C340.475,359.043,346.767,363.336,348.933,367.002z" /> </g> <g> <polygon fill="#5FB9E8" points="343.4,396.821 343.404,396.825 343.41,396.825 "/> <g id="activeArea"> <path fill="#5FB9E8" d="M348.933,356.002l1,14.832l7.833,8.335c0,0,0,2.166,0,2.666s-2.5,2.834-2.5,3.334s0.5,6.334,0.5,6.334 s0.301,0.02,0.79,0.062c-0.117-1.371-0.461-5.465-0.461-5.881c0,0,2.875-0.375,3.5-0.75s3.25,0.25,4.446,0s1.554-0.5,1.832-1 s1.597-0.875,2.347-1.5s0.625-1.5,0.875-2.375s-0.125-4.001-0.75-6.501s-1.875-0.875-2.875-0.375s-2,0.5-2.75,0 s-0.25-1.75-0.875-2.625s0.125-1.25-0.25-2.75s0.25-1.625,0.375-3.25s1.125-1.25,2.625-2.875c1.5-1.625,0.25-0.75,0.125-3 c-0.125-2.25,0.75-2.875,1.153-5.875s1.347-3,1.722-4.25s1.875-3.875,2.375-8.25s-0.375-9,0-10.875s1-1,1.625-1.75 s2.125,0.5,2.625,0s0.125-0.75,0-2.125s-0.375-2.5-0.625-4s0.625-0.625,2.5-1.75s0.375-1.625,0.25-3.625s0.375-2.25,0.5-4.625 s-0.25-4.75,0.375-6.125s1.375-3.125,2.375-6.125s-1.375-2.875-3.25-5.125s-3.125-6.125-5.25-7.625s-1.375-5.125-1.75-7.5 s-2.375-7.5-4.859-14.375s-0.891-18.375-0.766-20.5s0.625-3.75,0.75-6s-0.5-5.375-1.5-7.375s-2.75-1.75-3.875-5.25 s-4.125-8.25-7.949-10.25s-0.051-3.375-2.058-5.125s0.256-2.5,0.006-6.5s6.75-8.875,4.5-10s-0.25-3.5-2.375-4.5 s-0.931-5.303-1.25-5.5c-6.416-3.974-15.747-13.74-15.869-13.869l0,0.01l-20.125,38.25l11,39.375l11.5,28.375l-8.875,31.5 l3.375,2.125L330.1,322.7c2.23,10.038,10.231,25.104,10.369,25.363l0.006-0.02C340.475,348.043,346.767,352.335,348.933,356.002z" /> </g> </g> </g> <!--Sukhbaatar--> <g id="sukhbaatar"> <g> <path fill="#318DCC" d="M435.982,204.543c0,0-12.584-14.833-36.75-78.167l-60.292,1.958l-3.75,13l-1.125,29 c0,0,9.417,9.875,15.875,13.875c0.319,0.197-0.875,4.5,1.25,5.5s0.125,3.375,2.375,4.5s-4.75,6-4.5,10s-2.013,4.75-0.006,6.5 s-1.766,3.125,2.058,5.125s6.824,6.75,7.949,10.25s2.875,3.25,3.875,5.25s1.625,5.125,1.5,7.375s-0.625,3.875-0.75,6 s-1.719,13.625,0.766,20.5s4.484,12,4.859,14.375s-0.375,6,1.75,7.5s3.375,5.375,5.25,7.625s4.25,2.125,3.25,5.125 s-1.75,4.75-2.375,6.125s-0.25,3.75-0.375,6.125s-0.625,2.625-0.5,4.625s1.625,2.5-0.25,3.625s-2.75,0.25-2.5,1.75 s0.5,2.625,0.625,4s0.5,1.625,0,2.125s-2-0.75-2.625,0s-1.25-0.125-1.625,1.75s0.5,6.5,0,10.875s-2,7-2.375,8.25 s-1.318,1.25-1.722,4.25s-1.278,3.625-1.153,5.875s1.375,1.375-0.125,3s-2.5,1.25-2.625,2.875s-0.75,1.75-0.375,3.25 s-0.375,1.875,0.25,2.75s0.125,2.125,0.875,2.625s1.75,0.5,2.75,0s2.25-2.125,2.875,0.375s1,5.625,0.75,6.5 s-0.125,1.75-0.875,2.375s-2.068,1-2.347,1.5s-0.636,0.75-1.832,1s-3.821-0.375-4.446,0s-3.5,0.75-3.5,0.75 c0,0.5,0.5,6.334,0.5,6.334s8,0.499,9.167,2.332l12.958-0.291l1.875-1l-0.583-12.125l0.167-11c0,0-2.417-4.008-2.417-4.462 s-0.667-6.372-0.667-6.372l-2.417-1.666c0,0,2.916-4.666,3.583-5.666s0.417-3.834,0.583-4.917s0-4.5,0.25-4.667 s13.333-10.083,14.417-10.833s27-9.583,28-10.75s23.832-56.083,23.832-56.083S437.232,230.544,435.982,204.543z"/> <g> <g> <path fill="#1D608D" d="M380.107,415.269l-0.206-1.393l0.033-2.225c-0.608-1.066-1.221-2.195-1.221-2.424 c0-0.455-0.668-6.373-0.668-6.373l-2.416-1.666v-10.08l-1.062-0.732l0.125-11c0,0,2.916-4.665,3.583-5.665 s0.417-3.834,0.583-4.918c0.167-1.082,0-4.5,0.25-4.666c0.25-0.167,13.334-10.083,14.417-10.833s27-9.583,28-10.75 c0.799-0.932,15.518-36.135,21.416-50.283c-2.135-11.091-4.68-26.248-5.691-39.867c-0.197-1.653-0.381-3.304-0.547-4.946 c-1.898-2.457-14.318-19.736-36.491-77.842v-8.04c-0.352-0.915-0.706-1.837-1.062-2.772l0.233-3.427l-0.108-7.573l-60.292,1.958 l-3.75,13l-1.125,29c0,0,9.417,9.875,15.875,13.875c0.319,0.197-0.875,4.5,1.25,5.5s0.125,3.375,2.375,4.5s-4.75,6-4.5,10 s-2.012,4.75-0.006,6.5s-1.766,3.125,2.058,5.125s6.823,6.75,7.948,10.25s2.875,3.25,3.875,5.25s1.625,5.125,1.5,7.375 s-0.625,3.875-0.75,6s-1.719,13.625,0.766,20.5s4.484,12,4.859,14.375s-0.375,6,1.75,7.5s3.375,5.375,5.25,7.625 s4.25,2.125,3.25,5.125s-1.75,4.75-2.375,6.125s-0.25,3.75-0.375,6.125s-0.625,2.625-0.5,4.625s1.625,2.5-0.25,3.625 s-2.75,0.25-2.5,1.75s0.5,2.625,0.625,4s0.5,1.625,0,2.125s-2-0.75-2.625,0s-1.25-0.125-1.625,1.75s0.5,6.5,0,10.875 c-0.5,4.375-2,7-2.375,8.25s-1.318,1.25-1.721,4.25c-0.404,3-1.279,3.625-1.154,5.874c0.125,2.25,1.375,1.375-0.125,3 s-2.5,1.25-2.625,2.875s-0.75,1.75-0.375,3.25s-0.375,1.875,0.25,2.75s0.125,2.125,0.875,2.625s1.75,0.5,2.75,0 s2.25-2.125,2.875,0.375s1,5.625,0.75,6.5s-0.125,1.75-0.875,2.375s-1.26-1.426-1.538-0.926c-0.279,0.5-1.18-1.709-2.375-1.459 c-1.197,0.25-8.212-5.365-8.212-5.365v11c0,0.5,0.5,6.334,0.5,6.334s8,0.5,9.167,2.332l12.958-0.291L380.107,415.269z"/> </g> </g> <path fill="#2679B5" d="M380.107,404.269l-0.206-1.393l0.033-2.225c-0.608-1.066-1.221-2.195-1.221-2.424 c0-0.455-0.668-6.373-0.668-6.373l-2.416-1.666v-10.08l-1.062-0.732l0.125-10.999c0,0,2.916-4.666,3.583-5.666 s0.417-3.834,0.583-4.917c0.167-1.083,0-4.5,0.25-4.667s13.334-10.083,14.417-10.833s27-9.583,28-10.75 c0.799-0.932,15.518-36.135,21.416-50.283c-2.135-11.091-4.68-26.248-5.691-39.867c-0.197-1.653-0.381-3.304-0.547-4.946 c-1.898-2.457-14.318-19.736-36.491-77.842v-8.04c-0.352-0.915-0.706-1.837-1.062-2.772l0.233-3.427l-0.108-7.573l-60.292,1.958 l-3.75,13l-1.125,29c0,0,9.417,9.875,15.875,13.875c0.319,0.197-0.875,4.5,1.25,5.5s0.125,3.375,2.375,4.5s-4.75,6-4.5,10 s-2.012,4.75-0.006,6.5s-1.766,3.125,2.058,5.125s6.823,6.75,7.948,10.25s2.875,3.25,3.875,5.25s1.625,5.125,1.5,7.375 s-0.625,3.875-0.75,6s-1.719,13.625,0.766,20.5s4.484,12,4.859,14.375s-0.375,6,1.75,7.5s3.375,5.375,5.25,7.625 s4.25,2.125,3.25,5.125s-1.75,4.75-2.375,6.125s-0.25,3.75-0.375,6.125s-0.625,2.625-0.5,4.625s1.625,2.5-0.25,3.625 s-2.75,0.25-2.5,1.75s0.5,2.625,0.625,4s0.5,1.625,0,2.125s-2-0.75-2.625,0s-1.25-0.125-1.625,1.75s0.5,6.5,0,10.875 s-2,7-2.375,8.25c-0.375,1.25-1.318,1.25-1.721,4.25c-0.404,3-1.279,3.625-1.154,5.875s1.375,1.375-0.125,3s-2.5,1.25-2.625,2.875 s-0.75,1.75-0.375,3.249c0.375,1.5-0.375,1.875,0.25,2.75s0.125,2.125,0.875,2.625s1.75,0.5,2.75,0s2.25-2.125,2.875,0.375 s1,5.625,0.75,6.5s-0.125,1.75-0.875,2.375s-2.068,1-2.346,1.5c-0.279,0.5-0.247-4.135-1.442-3.885 c-1.197,0.25-8.351-5.307-8.351-5.307l0.013,10.941c0,0.5,0.5,6.334,0.5,6.334s8,0.5,9.167,2.332l12.958-0.291L380.107,404.269z"/> <g id="activeArea"> <path fill="#31BADE" d="M380.107,393.269l-0.206-1.393l0.033-2.225c-0.608-1.066-1.221-2.195-1.221-2.424 c0-0.455-0.668-6.373-0.668-6.373l-2.416-1.666v-10.08l-1.062-0.732l0.125-11c0,0,2.916-4.666,3.583-5.666s0.417-3.834,0.583-4.917 c0.167-1.083,0-4.5,0.25-4.667s13.334-10.083,14.417-10.833s27-9.583,28-10.75c0.799-0.932,15.518-36.135,21.416-50.283 c-2.135-11.091-4.68-26.248-5.691-39.867c-0.197-1.653-0.381-3.304-0.547-4.946c-1.898-2.457-14.318-19.736-36.491-77.842v-8.04 c-0.352-0.915-0.706-1.837-1.062-2.772l0.233-3.427l-0.108-7.573l-60.292,1.958l-3.75,13l-1.125,29c0,0,9.417,9.875,15.875,13.875 c0.319,0.197-0.875,4.5,1.25,5.5s0.125,3.375,2.375,4.5s-4.75,6-4.5,10s-2.012,4.75-0.006,6.5s-1.766,3.125,2.058,5.125 s6.823,6.75,7.948,10.25s2.875,3.25,3.875,5.25s1.625,5.125,1.5,7.375s-0.625,3.875-0.75,6s-1.719,13.625,0.766,20.5 s4.484,12,4.859,14.375s-0.375,6,1.75,7.5s3.375,5.375,5.25,7.625s4.25,2.125,3.25,5.125s-1.75,4.75-2.375,6.125 s-0.25,3.75-0.375,6.125s-0.625,2.625-0.5,4.625s1.625,2.5-0.25,3.625s-2.75,0.25-2.5,1.75s0.5,2.625,0.625,4s0.5,1.625,0,2.125 s-2-0.75-2.625,0s-1.25-0.125-1.625,1.75s0.5,6.5,0,10.875s-2,7-2.375,8.25s-1.318,1.25-1.721,4.25 c-0.404,3-1.279,3.625-1.154,5.875c0.125,2.25,1.375,1.375-0.125,3c-1.5,1.625-2.5,1.25-2.625,2.875s-0.75,1.75-0.375,3.25 s-0.375,1.875,0.25,2.75s0.125,2.125,0.875,2.625s1.75,0.5,2.75,0s2.25-2.125,2.875,0.375s1,5.624,0.75,6.499 s-0.125,1.75-0.875,2.375s-2.068,1-2.346,1.5c-0.279,0.5-0.637,0.75-1.832,1c-1.197,0.25-3.822-0.375-4.447,0s-3.5,0.75-3.5,0.75 c0,0.5,0.5,6.334,0.5,6.334s8,0.5,9.167,2.332l12.958-0.291L380.107,393.269z"/> </g> </g> </g> <!--bayanzurkh--> <g id="bayanzurkh"> <path fill="#1D608D" d="M657.091,362.887l5.333-26.333c-14.667-26.5-34-67-34-67c-13.334-6.667-59.5-70.5-59.5-70.5l-18.5-5.75 l-23.416-22.25c-7.916-2.917-29.334-9.167-29.334-9.167l-22.083-33.333l-19.083,19.135l-13.667,1.615l-24.666-20.75 c-5.416,3.75-18.005,8.135-18.005,8.135v11c24.166,63.333,36.75,78.167,36.75,78.167c1.25,26,9.332,60.5,9.332,60.5 s-22.832,54.916-23.832,56.084c-1,1.166-26.917,10-28,10.75s-14.167,10.666-14.417,10.832c-0.25,0.168-0.083,3.584-0.25,4.668 c-0.167,1.082-4.167-0.418-4.167-0.418v11.001l2.417,1.666c0,0,0.667,5.918,0.667,6.373c0,0.453,2.417,4.461,2.417,4.461 l-0.167,11l1.795,9.553l-4.609-4.697l-0.125,11c0,0,6.375,10.191,7.812,13.191s-1.188,2.812-0.562,5s6.625,9.188,9.125,11.375 s3.083,8.354,3.083,8.354c-2.167,2.668-24.938,24.021-24.938,24.021c-0.333,4,0.938,10.812,0.938,10.812l18.333,25.5 l-4.333,11.832l-1.037,15.361l0.211,5.994l1.667,3.666l12.976,14.652l42.333,9.334l6,11.332h50.833l39.5-22.666l23.167,22.666 l7.833-41.332l0.667-44.502l38.166,11.668l16.667-52.834l29.5-19.832c0-2.834,5.333-22.168,5.333-22.168l25.167-37.332 L657.091,362.887z"/> <path fill="#2679B5" d="M656.028,352.075l5.333-26.333c-14.667-26.5-34-67-34-67c-13.334-6.667-59.5-70.5-59.5-70.5l-18.5-5.75 l-23.416-22.25c-7.916-2.917-29.334-9.167-29.334-9.167l-22.083-33.333l-19.083,19.135l-13.667,1.615l-24.666-20.75 c-4.464,3.091-17.88,8.135-17.88,8.135l0.108,7.573l-0.233,3.427c24.166,63.333,36.75,78.167,36.75,78.167 c1.25,26,9.332,60.5,9.332,60.5s-22.832,54.916-23.832,56.084c-1,1.166-26.917,10-28,10.75s-14.167,10.666-14.417,10.832 c-0.25,0.167-0.083,3.584-0.25,4.668c-0.167,1.082-4.042-0.417-4.042-0.417l-0.125,10.999l2.417,1.666c0,0,0.667,5.918,0.667,6.373 c0,0.453,2.417,4.462,2.417,4.462l-0.167,11l1.42,9.615l-4.234-4.76c-0.016,2.822-0.125,11-0.125,11s6.375,10.191,7.812,13.191 s-1.188,2.812-0.562,5s6.625,9.188,9.125,11.375s3.083,8.354,3.083,8.354c-2.167,2.668-23.875,23.834-23.875,23.834 c-0.333,4-0.125,11-0.125,11l18.333,25.5l-4.208,0.832l-0.125,11l0.667,21.168l1.667,3.666l11.484,14.84l42.333,9.334l6,11.332 h50.833l39.5-22.666l23.167,22.666l7.833-41.332l0.667-44.502l38.166,11.668l16.667-52.834l29.5-19.832 c0-2.834,5.333-22.168,5.333-22.168l25.167-37.333L656.028,352.075z"/> <g id="activeArea"> <path fill="#2E9FD1" d="M656.028,341.075l5.333-26.333c-14.667-26.5-34-67-34-67c-13.334-6.667-59.5-70.5-59.5-70.5l-18.5-5.75 l-23.416-22.25c-7.916-2.917-29.334-9.167-29.334-9.167l-22.083-33.333l-19.083,19.135l-13.667,1.615l-24.666-20.75 c-5.416,3.75-17.334,15.917-17.334,15.917l-0.671,3.218c24.166,63.333,36.75,78.167,36.75,78.167c1.25,26,9.332,60.5,9.332,60.5 s-22.832,54.916-23.832,56.084c-1,1.166-26.917,10-28,10.75s-14.167,10.666-14.417,10.832c-0.25,0.167-0.083,3.584-0.25,4.668 c-0.167,1.082,0.083,3.916-0.583,4.916s-3.583,5.666-3.583,5.666l2.417,1.666c0,0,0.667,5.917,0.667,6.373 c0,0.453,2.417,4.461,2.417,4.461l-0.167,11.001l0.583,12.125l-1.826,0.973c-1.254,0.678-1.696,2.758-1.696,2.758 s6.375,10.191,7.812,13.191s-1.188,2.812-0.562,5s6.625,9.188,9.125,11.375s3.083,8.354,3.083,8.354 c-2.167,2.668-20.333,24.166-20.333,24.166c-0.333,4-3.667,10.668-3.667,10.668l18.333,25.5l-4.333,11.832l0.667,21.168l1.667,3.666 l11.484,14.84l42.333,9.334l6,11.332h50.833l39.5-22.666l23.167,22.666l7.833-41.332l0.667-44.502l38.166,11.668l16.667-52.834 l29.5-19.832c0-2.834,5.333-22.168,5.333-22.168l25.167-37.333L656.028,341.075z"/> </g> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="384.0195" y1="413.1299" x2="626.8066" y2="413.1299"> <stop offset="0" style="stop-color:#A2DDF0"/> <stop offset="0.1517" style="stop-color:#6FCCDD"/> <stop offset="0.2972" style="stop-color:#A2DDF0"/> <stop offset="0.4334" style="stop-color:#6FCCDD"/> <stop offset="0.5309" style="stop-color:#A2DDF0"/> <stop offset="0.6313" style="stop-color:#6FCCDD"/> <stop offset="0.7375" style="stop-color:#A2DDF0"/> <stop offset="0.8214" style="stop-color:#6FCCDD"/> <stop offset="0.9407" style="stop-color:#A2DDF0"/> </linearGradient> <ellipse fill="#1D608D" cx="521.889" cy="328.435" rx="5.16" ry="1.5"/> </g> <!--Nalaikh--> <g id="nalaikh"> <path fill="#1D608D" d="M818.252,407.101c-1.539-3.377-2.029,3.089-8.904,3.339c0,0-3.25-6.75-5.375-8.75s2-10.674-1.875-14.587 s-0.125-4.038-3.625-10.163s8.75-2.75,5-11.375l-0.25-6c0,0-2.25,1.625-4.25,0s-4.25-3.5-7.125-3.5s-2.875-2.5-6.75-2.625 s-3.75-0.875-5.25-0.75s-2.625-1-5.75-2.875s-3.5-0.625-5.5,0s-6.125,4.75-8.25,5.125s-5.75,0.75-8.25,1.5 s-7.25,0.875-9.625-0.625s-7.125,2.125-9.75-0.875s-3.625-7-7.75-10.875s-3-3.125-5-6s-1.625-2.375-4.125-3.875 s4.5-8.875-5.75-4.25s-10.375,0.75-17.75,4.125s-8.25-1.625-16.5,0.75s-14.417,1.667-14.417,1.667l-5.319,15.343l-0.014,10.99 l29.333,19.834l-25.167,37.333c0,0-5.333,19.333-5.333,22.167l-29.5,19.833l-16.667,52.834l-38.166-11.668l-0.667,44.502 l-7.819,30.342l-0.014,10.99l49.25,52.709v11.125l1.625,4l65.625,4.875l48.5-9.75l4.125-59.125l34.875-25.5v-34.75l14.125-46.25 v-11l-4.25-5.5l3.625-4.725h3.375l0.875-2.15c0,0,14.125-8.5,17.5-14.375c0,0,3.25,3.5,5.375-0.625 c2.125-4.126,3.375,0.375,4.25-6.126c0,0,1-1.875,1.875-2.125s0.75-2,0-4.625s7.625-6.25,1.875-9.5c0,0,0.184-1.5,2.029-3.25 c1.134-1.075,1.807-2.904,1.433-4.62C817.95,416.618,818.725,408.138,818.252,407.101z"/> <path fill="#2679B5" d="M817.997,396.231c-1.569-3.362-1.857,3.208-8.732,3.458c0,0-3.25-6.75-5.375-8.75s2-10.674-1.875-14.587 s-0.125-4.038-3.625-10.163s8.75-2.75,5-11.375l-0.25-6c0,0-2.25,1.625-4.25,0s-4.25-3.5-7.125-3.5s-2.875-2.5-6.75-2.625 s-3.75-0.875-5.25-0.75s-2.625-1-5.75-2.875s-3.5-0.625-5.5,0s-6.125,4.75-8.25,5.125s-5.75,0.75-8.25,1.5s-7.25,0.875-9.625-0.625 s-7.125,2.125-9.75-0.875s-3.625-7-7.75-10.875s-3-3.125-5-6s-1.625-2.375-4.125-3.875s4.5-8.875-5.75-4.25 s-10.375,0.75-17.75,4.125s-8.25-1.625-16.5,0.75s-14.417,1.667-14.417,1.667l-5.319,15.343l-0.014,10.99l29.333,19.834 l-25.167,37.333c0,0-5.333,19.333-5.333,22.167l-29.5,19.833l-16.667,52.834l-38.166-11.668l-0.667,44.502l-7.819,30.342 l-0.014,10.99l49.25,52.709v11.125l1.625,4l65.625,4.875l48.5-9.75l4.125-59.125l34.875-25.5v-34.75l14.125-46.25v-11l-4.25-5.5 l3.625-4.725h3.375l0.875-2.15c0,0,14.125-8.501,17.5-14.376c0,0,3.25,3.5,5.375-0.625s3.375,0.375,4.25-6.125 c0,0,1-1.875,1.875-2.125s0.75-2,0-4.625s7.625-6.25,1.875-9.5c0,0,0.184-1.5,2.029-3.25c1.105-1.048,1.773-2.815,1.459-4.493 C817.769,405.15,818.376,397.042,817.997,396.231z"/> <g id="activeArea" > <path fill="#31BADE" d="M816.015,393.064c-3.125-2,0.125-4.625-6.75-4.375c0,0-3.25-6.75-5.375-8.75s2-10.674-1.875-14.587 s-0.125-4.038-3.625-10.163s8.75-2.75,5-11.375l-0.25-6c0,0-2.25,1.625-4.25,0s-4.25-3.5-7.125-3.5s-2.875-2.5-6.75-2.625 s-3.75-0.875-5.25-0.75s-2.625-1-5.75-2.875s-3.5-0.625-5.5,0s-6.125,4.75-8.25,5.125s-5.75,0.75-8.25,1.5s-7.25,0.875-9.625-0.625 s-7.125,2.125-9.75-0.875s-3.625-7-7.75-10.875s-3-3.125-5-6s-1.625-2.375-4.125-3.875s4.5-8.875-5.75-4.25 s-10.375,0.75-17.75,4.125s-8.25-1.625-16.5,0.75s-14.417,1.667-14.417,1.667l-5.333,26.333l29.333,19.834l-25.167,37.333 c0,0-5.333,19.333-5.333,22.167l-29.5,19.833l-16.667,52.834l-38.166-11.668l-0.667,44.502l-7.833,41.332l49.25,52.709v11.125 l1.625,4l65.625,4.875l48.5-9.75l4.125-59.125l34.875-25.5v-34.75l14.125-46.25v-9.625l-4.25-6.875l3.625-4.726h3.375l0.875-2.15 c0,0,14.125-8.5,17.5-14.375c0,0,3.25,3.5,5.375-0.625s3.375,0.375,4.25-6.125c0,0,1-1.875,1.875-2.125s0.75-2,0-4.625 s7.625-6.25,1.875-9.5c0,0,0.184-1.5,2.029-3.25S819.14,395.064,816.015,393.064z"/> </g> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="616.6611" y1="493.2725" x2="772.8887" y2="493.2725"> <stop offset="0" style="stop-color:#A2DDF0"/> <stop offset="0.1517" style="stop-color:#6FCCDD"/> <stop offset="0.2972" style="stop-color:#A2DDF0"/> <stop offset="0.4334" style="stop-color:#6FCCDD"/> <stop offset="0.5309" style="stop-color:#A2DDF0"/> <stop offset="0.6313" style="stop-color:#6FCCDD"/> <stop offset="0.7375" style="stop-color:#A2DDF0"/> <stop offset="0.8214" style="stop-color:#6FCCDD"/> <stop offset="0.9407" style="stop-color:#A2DDF0"/> </linearGradient> </g> <g> <text transform="matrix(1 0 0 1 161.2686 239.0747)" font-size="12">СОНГИНО ХАЙРХАН</text> <text transform="matrix(1 0 0 1 318.9302 282.043)" font-size="12">ЧИНГЭЛТЭЙ</text> <text transform="matrix(1 0 0 1 357.7529 209.0747)" font-size="12">СҮХБААТАР</text> <text transform="matrix(1 0 0 1 496.2861 317.6846)" font-size="12">БАЯНЗҮРХ</text> <text transform="matrix(1 0 0 1 666.0566 468.1904)" font-size="12">НАЛАЙХ</text> <text transform="matrix(1 0 0 1 238.3091 495.3125)" font-size="12">ХАН УУЛ</text> <text transform="matrix(1 0 0 1 308.7178 386.084)" font-size="12">БАЯНГОЛ</text> <ellipse fill="#1D608D" cx="211.448" cy="251.45" rx="5.16" ry="1.5"/> <ellipse fill="#1D608D" cx="349.293" cy="291.69" rx="5.16" ry="1.5"/> <ellipse fill="#1D608D" cx="395.848" cy="248.45" rx="5.16" ry="1.5"/> <ellipse fill="#1D608D" cx="328.247" cy="394.054" rx="5.16" ry="1.5"/> <ellipse fill="#1D608D" cx="259.57" cy="502.821" rx="5.16" ry="1.5"/> <ellipse fill="#1D608D" cx="521.889" cy="328.435" rx="5.16" ry="1.5"/> <ellipse fill="#1D608D" cx="687.368" cy="473.313" rx="5.16" ry="1.5"/> </g> <g id="a"> <g style="cursor: pointer;" id="svg_board13" transform="translate(110,40) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board1"></g> <g style="cursor: pointer;" id="svg_board2"></g> <g style="cursor: pointer;" id="svg_board3"></g> <g style="cursor: pointer;" id="svg_board4"></g> <g style="cursor: pointer;" id="svg_board5"></g> <g style="cursor: pointer;" id="svg_board6"></g> <g style="cursor: pointer;" id="svg_board7"></g> <g style="cursor: pointer;" id="svg_board8"></g> <g style="cursor: pointer;" id="svg_board9"></g> <g style="cursor: pointer;" id="svg_board10"></g> <g style="cursor: pointer;" id="svg_board11" transform="translate(110,-120) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board12" transform="translate(210,-160) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board14" transform="translate(18, 36) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board15" transform="translate(170,-90) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board16" transform="translate(204,-100) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board19" transform="translate(320, -30) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board20" transform="translate(520, 120) rotate(0)"></g> <g style="cursor: pointer;" id="svg_board21" transform="translate(86, 140) rotate(0)"></g> </g> </svg> </div> </div> <a href="https://ubaq.weather.gov.mn/" target="_blank" style=" display: inline-block; position: absolute; top: 70px; right: 40px; border-radius: 6px; overflow: hidden; z-index: 1; " > <img style="height:64px" src="/resources/img/future-button.png"> </a> </div> <!--*******************--> <!--detailed statistics--> <!--*******************--> <div class="col-xs-4" style="z-index:2"> <div class="content detailStat"> <div class="row detailtable"> <div id="info_window"></div> <!--<div id="menu" style="padding-top: 10px"> <a href="#" class="col-xs-2 text-center" style="padding-right: 2px; padding-left:0;"> <div class="filter" style="background:#2b8fd5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px" period="h"> <p style="color:#fff">цаг</p> </div> </a> <a href="#" class="col-xs-2 text-center" style="padding-right: 2px; padding-left:0"> <div class="filter" style="background:#2b8fd5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px" period="d"> <p style="color:#fff">өдөр</p> </div> </a> <a href="#" class="col-xs-2 text-center" style="padding-right: 2px; padding-left:0"> <div class="filter" style="background:#2b8fd5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px" period="m"> <p style="color:#fff">сар</p> </div> </a> <a href="/static/winter-air-quality" class="col-xs-6" style="background:#2b8fd5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px"> <div class="filter" period="y"> <p style="color:#fff">хүйтний улирал</p> </div> </a> </div>--> </div> </div> </div> </div> </div> <!--**************--> <!--Bottom 5 board--> <!--**************--> <div class="content"> <div class="container statBottom" style="z-index: 2; min-height: 97px"> <ul class="listParent middle_list" id="middle_list" style="position:relative; margin-bottom: 0"> </ul> </div> <div class="container statBottom" style="z-index:2; min-height: 97px"> <ul class="listParent bottom_list" id="bottom_list" style="position:relative; margin-bottom: 0"> </ul> </div> </div> <script type="text/javascript"> var map; var infowindow = null; var stations = []; var infowindows = {}; var normalZoom = 12; var moveByZoom = [ 100, 80, 50.12, 25.6, 12.8, 6.4, 3.2, 1.6, 0.8, 0.4, 0.2, 0.1, 0.01, 0.01, 0.01, 0.01, 0.01, 0.01, 0.01, 0.01, 0.01 ]; var selectedStation = 8; function initialize() { var myLatlng = new google.maps.LatLng(47.938258, 106.956196); var mapOptions = { center: myLatlng, styles: [{"featureType": "water", "stylers": [{"color": "#46bcec"}, {"visibility": "on"}]}, {"featureType": "landscape", "stylers": [{"color": "#f2f2f2"}]}, {"featureType": "road", "stylers": [{"saturation": -100}, {"lightness": 45}]}, {"featureType": "road.highway", "stylers": [{"visibility": "simplified"}]}, {"featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{"visibility": "off"}]}, {"featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{"color": "#444444"}]}, {"featureType": "transit", "stylers": [{"visibility": "off"}]}, {"featureType": "poi", "stylers": [{"visibility": "off"}]}], zoom: 12, scrollwheel: false, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.RIGHT_BOTTOM }, panControlOptions: { position: google.maps.ControlPosition.RIGHT_TOP } }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); google.maps.event.addListener(map, 'click', function() { if (infowindow) { infowindow.close(); } }); } function clear() { if (infowindow) { infowindow.close(); } for (var i = 0; i < stations.length; i++) { infowindows[stations[i].id] = null; removeStation(stations[i]); } infowindows = []; stations = []; } function removeStation(station) { station.marker.setMap(null); station.marker = null; } function getClass(station) { if (station.aqiData.current === null) { return 'labelsnull'; } else if (station.aqiData.current < 51) { return "labels50"; } else if (station.aqiData.current < 101) { return 'labels100'; } else if (station.aqiData.current < 251) { return 'labels250'; } else if (station.aqiData.current < 401) { return 'labels400'; } else if (station.aqiData.current < 501) { return 'labels500'; } else { return 'labels_danger'; } } function addStation(station, period) { if (station) { var lat = 47.925642; var lon = 106.954823; if (station.lat) lat = parseFloat(station.lat); if (station.lon) lon = parseFloat(station.lon); station.marker = new MarkerWithLabel({ position: new google.maps.LatLng(lat, lon), animation: google.maps.Animation.DROP, map: map, icon: "/resources/img/haruul_2.png", draggable: false, raiseOnDrag: true, labelContent: station.aqiData.currentVal, labelAnchor: new google.maps.Point(31, 65), labelClass: 'label ' + getClass(station), // the CSS class for the label labelInBackground: false }); google.maps.event.addListener(station.marker, 'click', function() { stationClick(station.id, period); }); } } function stationClick(stationId, period) { $('#info_window').html(makeStationInfo(stations[stationId], period)); pos = stations[stationId].marker.position; map.setCenter(new google.maps.LatLng(pos.lat(), pos.lng() + moveByZoom[map.getZoom() - 1])); selectedStation = stationId; } function makeElementRow(element, station, index) { var currentColor = element.currentColor; if (50 < element.current && element.current < 101) { currentColor = "#000"; } var maxColor = element.maxColor; if (50 < element.max && element.max < 101) { maxColor = "#000"; } var minColor = element.minColor; if (50 < element.min && element.min < 101) { minColor = "#000"; } var html = '<div class="row detailcontentrow" style="padding-left:15px; padding-right: 15px;">'; html += '<div class="col-xs-2">'; html += '<p class="detailElementTitle">' + element.name + '</p>'; html += '<p style="font-size: 10px; color: #2b8ed4;">' + element.unit + '</p>'; //html += '<p style="font-size: 10px; color: #2b8ed4;">AQI</p>'; html += '</div>'; html += '<div class="col-xs-6">'; html += '<div id="el-' + station.id + '-' + index + '" style="width:170px">'; html += '</div>'; html += '</div>'; html += '<div class="col-xs-4">'; html += '<div class="col-xs-4">'; html += '<p style="font-size: 11px; color:' + currentColor + '">' + getValue(element.current) + '</p>'; html += '</div>'; html += '<div class="col-xs-4">'; html += '<p style="font-size: 11px; color:' + maxColor + '">' + getValue(element.max) + '</p>'; html += '</div>'; html += '<div class="col-xs-4">'; html += '<p style="font-size: 11px; color:' + minColor + '">' + getValue(element.min) + '</p>'; html += '</div>'; html += '</div>'; html += '</div>'; return html; } function getValue(value) { if (value) return value; else return ' -'; } function makeStationHeader(station) { var html = ''; html += '<div class="sub_header">'; html += station.name; html += '</div>'; html += '<div class="header">'; html += '<div class="index col-xs-5" style="background-color: ' + getValue(station.aqiData.color) + '">'; html += getValue(station.aqiData.currentVal); html += '</div>'; html += '<div class="col-xs-offset-1 col-xs-6" style="font-size: 12px; text-align: left;">'; html += '<div class="indexLabel" style="color: ' + getValue(station.aqiData.color) + '">' + getValue(station.aqiData.label) + '</div>'; html += '<div class="item_date">' + getValue(station.lastUpdated) + '</div>'; html += '<div class="item_temp">' + getValue(station.temperature) + '°</div>'; html += '</div>'; html += '</div>'; return html; } function makeStationSubHeader(station) { var textColor = '#fff'; var titleColor = getValue(station.aqiData.color); if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = '#000'; titleColor = '#000'; } var html = ''; html += '<div class="row">'; html += '<div class="col-xs-12 text-center" style="background-color:#2b8fd5; margin-bottom:10px; border-top-left-radius:4px; border-top-right-radius:4px">'; html += '<a href="/air-quality/ub"><p style="color:#fff; padding-top:5px; padding-bottom:5px">Улаанбаатар хотын 7 хоногийн дундаж <i class="fa fa-chevron-circle-right"></i></p></a>'; html += '</div>'; html += '<div class="col-xs-12 detailTitle">'; html += '<div class="col-xs-5" style="padding-left:0; padding-right:0">'; html += '<h3>' + station.name + '</h3>'; html += '</div>'; html += '<div class="col-xs-7 text-right">'; html += '<div style="padding:0"><a style="text-decoration:none" href="/station/' + station.id + '"><p style="font-size: 13px; color: #2b8ed4">Дэлгэрэнгүй мэдээлэл <i class="fa fa-chevron-circle-right"></i></p></a></div>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '<div class="row detailTemp" style="padding-left:15px">'; html += '<div class="col-xs-4 detailtempBox" style="background-color: ' + getValue(station.aqiData.color) + '">'; html += '<h1 style="color: ' + textColor + '">' + getValue(station.aqiData.currentVal) + '</h1>'; html += '</div>'; html += '<div class="col-xs-8 tempdetail">'; html += '<p style="color: ' + titleColor + '; font-size:14px">' + getValue(station.aqiData.label) + '</p>'; html += '<p>' + getValue(station.lastUpdated) + '</p>'; html += '<p>Температур: ' + getValue(station.temperature) + '°C; Салхи: ' + getValue(station.windSpeed) + 'м/с <i class="fa fa-long-arrow-up" style="transform: rotate(' + station.windDirection + 'deg);-ms-transform: rotate(' + station.windDirection + 'deg);-webkit-transform: rotate(' + station.windDirection + 'deg);-o-transform: rotate(' + station.windDirection + 'deg); -moz-transform: rotate(' + station.windDirection + 'deg);"></i></p>'; html += '</div>'; html += '</div>'; /* html += '<div>'; html += '<p style="font-size: 10px; color: #2b8ed4">Сүүлийн 24н цаг'; html += '</p>'; html += '</div>'; html += '<div id="chart-' + station.id + '" style="clear:both; max-width: 170px; height: 40px>'; html += '</div>'; */ //html += '<div style="padding:0"><a style="text-decoration:none" href="/station/' + station.id + '"><p style="font-size: 14px; color: #2b8ed4; margin-top:10px">Дэлгэрэнгүй мэдээлэл <i class="fa fa-chevron-circle-right"></i></p></a></div>'; return html; } function makeTopStation(station, period) { var titleColor = ""; var numberColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { titleColor = "#000"; numberColor = "#000"; } else { titleColor = "#fff"; numberColor = station.aqiData.color; } var html = '<div style="cursor: pointer;">'; html += '<div class="row share-title">'; html += '<div class="col-xs-12 rightSide">'; html += '<p style="color:'+ titleColor + '; background:' + station.aqiData.color + '">' + station.name + '</p>'; html += '<h3 style="color:'+ numberColor + '">' + getValue(station.aqiData.currentVal) + '</h3>'; html += '</div>'; html += '<div class="col-xs-12 leftSide">'; // html += '<p style="color:' + textColor + '; '+ textColor + ' line-height: 14px; margin-top:3px">' + getValue(station.aqiData.label) + '</p>'; html += '<p style="line-height: 14px; margin-top:3px; font-weight: bold">' + getValue(station.aqiData.label) + '</p>'; html += '<p style="font-size: 9px; margin-top:3px; opacity: 0.5">' + getValue(station.lastUpdated) + '</p>'; html += '</div>'; html += '</div>'; // html += '<div class="row share-items">'; // html += '<div class="col-xs-3">'; // html += '<h5 style="color:#000; font-size:14px">' + getValue(station.temperature) + '°C' + '</h5>'; // html += '</div>'; // html += '<div class="col-xs-9">'; // html += '<div id="chart-' + station.id + '" style="clear:both; width: 120px; height: 40px; margin: 0 auto">'; // html += '</div>'; // html += '</div>'; // html += '</div>'; html += '</div>'; return html; } function makeBottomStation(station, period) { var html = '<div style="cursor: pointer;">'; html += '<div class="row share-title">'; html += '<div class="col-xs-12 rightSide" style="background:' + station.aqiData.color + '">'; html += '<p>' + station.name + '</p>'; html += '<h3>' + getValue(station.aqiData.currentVal) + '</h3>'; html += '</div>'; html += '<div class="col-xs-12 leftSide">'; html += '<p class="statDate">' + getValue(station.lastUpdated) + '</p>'; html += '<p>' + getValue(station.aqiData.label) + '</p>'; html += '<p>' + getValue(station.temperature) + '°C' + '</p>'; html += '</div>'; html += '</div>'; html += '<div class="row share-items">'; html += '<div id="chart-' + station.id + '" style="clear:both; max-width: 170px; height: 40px; margin: 0 auto">'; html += '</div>'; html += '</div>'; html += '</div>'; return html; } function makeStationTopRow(station, period) { var html = '<li class="box-share1" onclick="stationClick(' + station.id + ', \'' + period + '\');">'; html += '<div class="station_container">'; //html += makeStationHeader(station); html += makeTopStation(station, period); html += '</div>'; html += '</li>'; $st = $($.parseHTML(html)); makeColumChart( $st.find('#chart-' + station.id), station.aqiData.labelList, station.aqiData.valueList, '', 170, 0 ); return $st.get(0); } function makeStationBottomRow(station, period) { var html = '<li class="box-share1" onclick="stationClick(' + station.id + ', \'' + period + '\');">'; html += '<div class="station_container">'; //html += makeStationHeader(station); html += makeTopStation(station, period); html += '</div>'; html += '</li>'; $st = $($.parseHTML(html)); makeColumChart( $st.find('#chart-' + station.id), station.aqiData.labelList, station.aqiData.valueList, '', 170, 0 ); return $st.get(0); } function makeStationInfo(station, period) { var html = '<div>'; html += makeStationSubHeader(station); html += '<div class="row detailtitlerow">'; html += '<div class="col-xs-2">'; html += '<p style="font-size: 11px; color: #2b8ed4; line-height: 1.4">Элемент'; html += '</p>'; html += '</div>'; html += '<div class="col-xs-6">'; html += '<p style="font-size: 11px">Үзүүлэлтүүд'; html += '</p>'; html += '</div>'; html += '<div class="col-xs-4">'; html += '<div class="col-xs-4">'; html += '<p style="font-size: 11px; color:#fd964c">Одоо'; html += '</p>'; html += '</div>'; html += '<div class="col-xs-4">'; html += '<p style="font-size: 11px; color:#fc2d33">Дээд'; html += '</p>'; html += '</div>'; html += '<div class="col-xs-4">'; html += '<p style="font-size: 11px; color:#64c8d2">Доод'; html += '</p>'; html += '</div>'; html += '</div>'; for (var i = 0; i < station.elementList.length; i++) { html += makeElementRow(station.elementList[i], station, i); } html += '</div>'; $st = $($.parseHTML(html)); for (var i = 0; i < station.elementList.length; i++) { makeColumChart( $st.find('#el-' + station.id + '-' + i), station.labelList, station.elementList[i].valueList, period ); } makeColumChart( $st.find('#chart-' + station.id), station.aqiData.labelList, station.aqiData.valueList, '', 170, 0 ); infowindows[station.id] = $st.get(0); return infowindows[station.id]; } // 10 boards function makeSvgMap1Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_4_" cx="284.7969" cy="405.7617" r="12.8979" gradientTransform="matrix(1 0 0 0.36 0 259.6875)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_4_)" cx="284.797" cy="405.762" rx="17.411" ry="5.438"/>'; html += '<g>'; html += '<polygon class="board1" fill="#FFFFFF" points="273.587,375.051 284.862,406.031 284.862,379.719 "/>'; html += '<polygon class="board1" fill="#FFFFFF" points="296.006,375.051 284.732,406.031 284.732,379.719 "/>'; html += '</g>'; html += '<circle class="board1" fill="#FFFFFF" cx="284.797" cy="361.086" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="284.797" cy="361.086" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 270.4507 366.5576)" style="dominant-baseline: auto;" fill="' + textColor + '" font-size="' + fontSize + '">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap1StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap1Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap2Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board10" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board10" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board10" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="' + textColor + '" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap2StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="1000px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap2Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap3Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_8_" cx="412.876" cy="378.5879" r="12.8977" gradientTransform="matrix(1 0 0 0.36 0 242.2962)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_8_)" cx="412.876" cy="378.588" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board4" fill="#FFFFFF" points="401.667,347.876 412.941,378.856 412.941,352.544 "/>'; html += '<polygon class="board4" fill="#FFFFFF" points="424.086,347.876 412.812,378.856 412.812,352.544 "/>'; html += '</g>'; html += '<circle class="board4" fill="#FFFFFF" cx="412.876" cy="333.912" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="412.876" cy="333.912" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 398.5303 339.3833)" style="dominant-baseline: auto;" fill="' + textColor + '" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap3StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="690px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap3Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap4Station(station) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_8_" cx="412.876" cy="378.5879" r="12.8977" gradientTransform="matrix(1 0 0 0.36 0 242.2962)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_8_)" cx="412.876" cy="378.588" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board4" fill="#FFFFFF" points="401.667,347.876 412.941,378.856 412.941,352.544 "/>'; html += '<polygon class="board4" fill="#FFFFFF" points="424.086,347.876 412.812,378.856 412.812,352.544 "/>'; html += '</g>'; html += '<circle class="board4" fill="#FFFFFF" cx="412.876" cy="333.912" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="412.876" cy="333.912" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 398.5303 339.3833)" style="dominant-baseline: auto;" fill="' + textColor + '" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap4StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap4Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap5Station(station) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_5_" cx="340.0107" cy="368.7734" r="12.8983" gradientTransform="matrix(1 0 0 0.36 0 236.015)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_5_)" cx="340.011" cy="368.773" rx="17.411" ry="5.438"/>'; html += '<g>'; html += '<polygon class="board9" fill="#FFFFFF" points="328.802,338.062 340.076,369.043 340.076,342.73 "/>'; html += '<polygon class="board9" fill="#FFFFFF" points="351.22,338.062 339.946,369.043 339.946,342.73 "/>'; html += '</g>'; html += '<circle class="board9" fill="#FFFFFF" cx="340.011" cy="324.098" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="340.011" cy="324.098" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 325.665 329.5693)" style="dominant-baseline: auto;" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap5StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap5Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap6Station(station) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_9_" cx="553.7617" cy="423.3467" r="12.8984" gradientTransform="matrix(1 0 0 0.36 0 270.9419)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_9_)" cx="553.762" cy="423.347" rx="17.412" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board3" fill="#FFFFFF" points="542.553,392.635 553.827,423.615 553.827,397.303 "/>'; html += '<polygon class="board3" fill="#FFFFFF" points="564.971,392.635 553.697,423.615 553.697,397.303 "/>'; html += '</g>'; html += '<circle class="board3" fill="#FFFFFF" cx="553.762" cy="378.671" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="553.762" cy="378.671" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 539.416 384.1426)" style="dominant-baseline: auto;" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap6StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap6Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap7Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_2_" cx="193.2422" cy="506.5957" r="12.8977" gradientTransform="matrix(1 0 0 0.36 0 324.2213)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_2_)" cx="193.242" cy="506.596" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board7" fill="#FFFFFF" points="182.033,475.884 193.307,506.864 193.307,480.552 "/>'; html += '<polygon class="board7" fill="#FFFFFF" points="204.451,475.884 193.177,506.864 193.177,480.552 "/>'; html += '</g>'; html += '<circle class="board7" fill="#FFFFFF" cx="193.242" cy="461.92" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="193.242" cy="461.92" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 178.896 467.3906)" style="dominant-baseline: auto;" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap7StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap7Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap8Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_3_" cx="345.583" cy="471.9834" r="12.8981" gradientTransform="matrix(1 0 0 0.36 0 302.0694)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_3_)" cx="345.583" cy="471.984" rx="17.411" ry="5.436"/>'; html += '<g>'; html += '<polygon class="board8" fill="#FFFFFF" points="334.374,441.271 345.648,472.252 345.648,445.939 "/>'; html += '<polygon class="board8" fill="#FFFFFF" points="356.792,441.271 345.519,472.252 345.519,445.939 "/>'; html += '</g>'; html += '<circle class="board8" fill="#FFFFFF" cx="345.583" cy="427.309" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="345.583" cy="427.309" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 331.2373 432.7793)" style="dominant-baseline: auto;" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap8StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap8Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap9Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_5_" cx="340.0107" cy="368.7734" r="12.8983" gradientTransform="matrix(1 0 0 0.36 0 236.015)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_5_)" cx="340.011" cy="368.773" rx="17.411" ry="5.438"/>'; html += '<g>'; html += '<polygon class="board9" fill="#FFFFFF" points="328.802,338.062 340.076,369.043 340.076,342.73 "/>'; html += '<polygon class="board9" fill="#FFFFFF" points="351.22,338.062 339.946,369.043 339.946,342.73 "/>'; html += '</g>'; html += '<circle class="board9" fill="#FFFFFF" cx="340.011" cy="324.098" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="340.011" cy="324.098" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 325.665 329.5693)" style="dominant-baseline: auto;" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap9StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="640px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap9Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap10Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board10" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board10" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board10" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap10StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap10Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap11Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap11StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap11Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap12Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap12StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap12Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap13Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap13StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap13Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap14Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_3_" cx="345.583" cy="471.9834" r="12.8981" gradientTransform="matrix(1 0 0 0.36 0 302.0694)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_3_)" cx="345.583" cy="471.984" rx="17.411" ry="5.436"/>'; html += '<g>'; html += '<polygon class="board8" fill="#FFFFFF" points="334.374,441.271 345.648,472.252 345.648,445.939 "/>'; html += '<polygon class="board8" fill="#FFFFFF" points="356.792,441.271 345.519,472.252 345.519,445.939 "/>'; html += '</g>'; html += '<circle class="board8" fill="#FFFFFF" cx="345.583" cy="427.309" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="345.583" cy="427.309" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 331.2373 432.7793)" style="dominant-baseline: auto;" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap14StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap14Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap15Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap15StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap15Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap16Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap16StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap16Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap19Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap19StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap19Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap20Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap20StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap20Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function makeSvgMap21Station(station, period) { var fontSize = ""; var textColor = ""; if (50 < station.aqiData.current && station.aqiData.current < 101) { textColor = "#000"; } else { textColor = "#fff"; } if (999 < station.aqiData.current) { fontSize = "14"; } else if (100 > station.aqiData.current) { fontSize = "25"; } else { fontSize = "18.6426"; } var html = '<radialGradient id="SVGID_1_" cx="167.3506" cy="329.0439" r="12.8982" gradientTransform="matrix(1 0 0 0.36 0 210.5881)" gradientUnits="userSpaceOnUse">'; html += '<stop offset="0" style="stop-color:#002F4E;stop-opacity:0.8"/>'; html += '<stop offset="0.337" style="stop-color:#00304F;stop-opacity:0.5304"/>'; html += '<stop offset="0.4991" style="stop-color:#003352;stop-opacity:0.4007"/>'; html += '<stop offset="0.6239" style="stop-color:#043859;stop-opacity:0.3009"/>'; html += '<stop offset="0.7296" style="stop-color:#0A3F62;stop-opacity:0.2163"/>'; html += '<stop offset="0.8232" style="stop-color:#11486D;stop-opacity:0.1415"/>'; html += '<stop offset="0.9082" style="stop-color:#17527B;stop-opacity:0.0735"/>'; html += '<stop offset="0.9851" style="stop-color:#1C5D8A;stop-opacity:0.0119"/>'; html += '<stop offset="1" style="stop-color:#1C608E;stop-opacity:0"/>'; html += '</radialGradient>'; html += '<ellipse fill="url(#SVGID_1_)" cx="167.351" cy="329.044" rx="17.411" ry="5.437"/>'; html += '<g>'; html += '<polygon class="board11" fill="#FFFFFF" points="156.142,298.333 167.416,329.313 167.416,303 "/>'; html += '<polygon class="board11" fill="#FFFFFF" points="178.56,298.333 167.286,329.313 167.286,303 "/>'; html += '</g>'; html += '<circle class="board11" fill="#FFFFFF" cx="167.351" cy="284.369" r="24.327"/>'; html += '<circle fill="' + station.aqiData.color + '" cx="167.351" cy="284.369" r="20.891"/>'; html += '<text transform="matrix(1 0 0 1 153.0049 289.8398)" fill="'+ textColor +'" font-size="'+ fontSize +'">' + getValue(station.aqiData.currentVal) + '</text>'; return html; } function makeSvgMap21StationRow(station, period) { var html = '<svg onclick="stationClick(' + station.id + ', \'' + period + '\');" width="580px" height="580px" viewbox="0 0 580 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'; html += makeSvgMap21Station(station); html += '</svg>'; $st = $($.parseHTML(html)); return $st.get(0); } function zoomAndFit(stations) { var stationIds = Object.keys(stations); if (!stationIds || stationIds.length === 0) return; var latLngList = []; for (i = 0; i < stationIds.length; i++) { var station = stations[stationIds[i]]; if (station) { latLngList.push(new google.maps.LatLng(parseFloat(station.lat), parseFloat(station.lon))); } } if (latLngList.length === 0) return; var bounds = new google.maps.LatLngBounds(); for (var i = 0, LtLgLen = latLngList.length; i < LtLgLen; i++) { bounds.extend(latLngList[i]); } map.fitBounds(bounds); normalZoom = map.getZoom(); } function getStations(params, onComplete) { $('#loader').show(); $.ajax({ url: "/aqdata/stationlist?period=" + params.period + "&language=" + params.language //url: "resources/aq.json" }).done(function(data) { $('#loader').hide(); onComplete(data); }); } var periods = {y: 'он', m: 'сар', d: 'өдөр', h: 'цаг'}; function loadStations(params) { if (params.station) { selectedStation = params.station; } getStations(params, function(data) { stations = {}; for (i = 0; i < data.length; i++) { var station = data[i]; if (station) { stations[station.id] = station; } } zoomAndFit(stations); $topbar = $('#top_list'); $topbar.html(''); $middlebar = $('#middle_list'); $middlebar.html(''); $bottombar = $('#bottom_list'); $bottombar.html(''); var stationIds = Object.keys(stations); for (var i = 0; i < stationIds.length; i++) { var station = stations[stationIds[i]]; if (i <= 7) { addStation(station, periods[params.period]); $topbar.append(makeStationTopRow(station, periods[params.period])); } else if (i >= 8 && i <= 15) { addStation(station, periods[params.period]); $middlebar.append(makeStationTopRow(station, periods[params.period])); } else { addStation(station, periods[params.period]); $bottombar.append(makeStationTopRow(station, periods[params.period])); } } try { $('#svg_board1').html(makeSvgMap1StationRow(stations[11], periods[params.period])); // mongol gazar } catch(err) {} try { $('#svg_board2').html(makeSvgMap2StationRow(stations[10], periods[params.period])); // 100 ail } catch(err) {} try { $('#svg_board3').html(makeSvgMap3StationRow(stations[6], periods[params.period])); // amgalan } catch(err) {} try { $('#svg_board4').html(makeSvgMap4StationRow(stations[9], periods[params.period])); // buhiin urguu } catch(err) {} try { $('#svg_board5').html(makeSvgMap5StationRow(stations[4], periods[params.period])); // MNB } catch(err) {} try { $('#svg_board6').html(makeSvgMap6StationRow(stations[12], periods[params.period])); // urgakh naran } catch(err) {} try { $('#svg_board7').html(makeSvgMap7StationRow(stations[1], periods[params.period])); // nisekh } catch(err) {} try { $('#svg_board8').html(makeSvgMap8StationRow(stations[7], periods[params.period])); // misheel expo } catch(err) {} try { $('#svg_board9').html(makeSvgMap9StationRow(stations[8], periods[params.period])); //baruun 4n zam } catch(err) {} try { $('#svg_board10').html(makeSvgMap10StationRow(stations[2], periods[params.period])); //tolgoit } catch(err) {} try { $('#svg_board11').html(makeSvgMap11StationRow(stations[13], periods[params.period])); //bayankhoshuu } catch(err) {} try { $('#svg_board13').html(makeSvgMap13StationRow(stations[14], periods[params.period])); //1-r khoroolol } catch(err) {} try { $('#svg_board12').html(makeSvgMap12StationRow(stations[15], periods[params.period])); //dambadarjaa } catch(err) {} try { $('#svg_board14').html(makeSvgMap14StationRow(stations[18], periods[params.period])); // Богд хааны ордон музей } catch(err) {} try { $('#svg_board15').html(makeSvgMap15StationRow(stations[16], periods[params.period])); // Хайлааст } catch(err) {} try { $('#svg_board16').html(makeSvgMap16StationRow(stations[17], periods[params.period])); // 5 буудал } catch(err) {} try { $('#svg_board19').html(makeSvgMap19StationRow(stations[19], periods[params.period])); // Шархад } catch(err) {} try { $('#svg_board20').html(makeSvgMap20StationRow(stations[20], periods[params.period])); // Налайх } catch(err) {} try { $('#svg_board21').html(makeSvgMap21StationRow(stations[23], periods[params.period])); // Арцат } catch(err) {} //$('#info_window').html(makeStationInfo(stations[selectedStation], periods[params.period])); stationClick(selectedStation, periods[params.period]); }); } function init() { //$("#loader").hide(); initialize(); var params = {period: 'h', language: 'mn', station: ''}; loadStations(params); $("#menu .filter").click(function() { clear(); params = {period: $(this).attr('period'), language: "mn", station: ''}; loadStations(params); }); // update air quality data every 10 minut setInterval(function() { loadStations(params); }, 600000); } function displayMap() { //$("#map_canvas").show(); document.getElementById('map_canvas').style.display = "block"; } $(function() { init(); }); </script> </div> <!--right side scroll menu--> <!-- <div class="front-pagination firstStat" style="background:#fff; border-radius: 4px; position:fixed; padding:20px; top: 30%; text-align: left; z-index:999"> <ul style="padding-left:0"> <li><a class="activeSection" href="#home"><p><span style="font-size:6px" class="fa fa-circle"></span> Нүүр</p></a></li> <li><a href="#oroltsoomenu"><p><span style="font-size:6px" class="fa fa-circle"></span> Таны оролцоо</p></a></li> <li><a href="#newsmenu"><p><span style="font-size:6px" class="fa fa-circle"></span> Мэдээ мэдээлэл</p></a></li> <li><a href="#chemmenu"><p><span style="font-size:6px" class="fa fa-circle"></span> Бодисын тайлбар</p></a></li> <li><a href="#airmenu"><p><span style="font-size:6px" class="fa fa-circle"></span> Агаарын индекс</p></a></li> <li><a href="#contactmenu"><p><span style="font-size:6px" class="fa fa-circle"></span> Холбоо бариx</p></a></li> </ul> </div> --> <div class="side-panel b"> <ul> <li><a href="#home"><span class="entypo-home"></span><span class="menu-item">Нүүр</span></a></li> <li><a href="#newsmenu"><span class="entypo-newspaper"></span><span class="menu-item">Мэдээ мэдээлэл</span></a></li> <li><a href="#chemmenu"><span class="entypo-doc-text-inv"></span><span class="menu-item">Бодисын тайлбар</span></a></li> <li><a href="#airmenu"><span class="entypo-layout"></span><span class="menu-item">Агаарын чанарын индекс</span></a></li> <li><a href="#mobileappmenu"><span class="entypo-mobile"></span><span class="menu-item">Гар утасны програм</span></a></li> <li><a href="#oroltsoomenu"><span class="entypo-user"></span><span class="menu-item">Таны оролцоо</span></a></li> <li><a href="#contactmenu"><span class="entypo-phone"></span><span class="menu-item">Холбоо бариx</span></a></li> </ul> </div> <!--social--> <div class="social-icons"> <a href="https://www.facebook.com/AirQualityMongolia" class="facebook-button" style="background:#3b5998"> <span><i style="font-size: 18px; padding-right:20px;" class="fa fa-facebook"></i>Facebook</span> </a> <a href="https://twitter.com/ncrap_mn" class="trip-button" style="background:#00aced"> <span><i style="font-size: 18px; padding-right:20px;" class="fa fa-twitter"></i>Twitter</span> </a> <a href="https://www.youtube.com/user/ncrapMongolia" class="instagram-button" style="background:#bb0000"> <span><i style="font-size: 18px; padding-right:20px;" class="fa fa-youtube"></i>YouTube</span> </a> </div> <div class="content second-menu secondstyle" style="position: relative; z-index: 999"> <!--**************--> <!--Mid navigation--> <!--**************--> <div class="container"> <nav id="nav-main"> <ul> <li><a href="/static/stove-distribution">АГААР БОХИРДУУЛАГЧ ЭХ ҮҮСВЭРИЙН ТАРХАЛТ</a></li> <li><a href="/static/vehicle-inspection-centers">ТЭЭВРИЙН ХЭРЭГСЭЛ</a></li> <li class="dropdown"> <a href="/" class="dropdown-toggle" data-toggle="dropdown">ЦАХИЛГААНЫ ҮНИЙН ХӨНГӨЛӨЛТ<b class="caret1"></b><i class="dropdown-arrow"></i></a> <ul class="dropdown-menu"> <li><a href="/static/electricity-discount-houses" style="font-size:13px; line-height:1.5;">Хамрагдсан өрхүүд</a></li> <li><a href="/article-view/184" style="font-size:13px; line-height:1.5;">Цахилгааны үнийн хөнгөлөлт олгох журам</a></li> <li><a href="/article-view/186" style="font-size:13px; line-height:1.5;">Цахилгааны үнийн хөнгөлөлт хамрагдахад тавигдах шаардлага</a></li> </ul> </li> <li class="dropdown"> <a href="/" class="dropdown-toggle" data-toggle="dropdown">БОРЛУУЛАГЧ БАЙГУУЛЛАГУУД<b class="caret1"></b><i class="dropdown-arrow"></i></a> <ul class="dropdown-menu"> <li><a href="/company/list/distributor" style="font-size:13px; line-height:1.5;">Борлуулагч байгууллагууд</a></li> <li><a href="/static/stove-distribution-centers" style="font-size:13px; line-height:1.5;">Сайжруулсан зуух борлуулах цэг</a></li> <li><a href="/static/coal-distribution-centers" style="font-size:13px; line-height:1.5;">Сайжруулсан түлш борлуулах цэг</a></li> <li><a href="/static/gas-distribution-centers" style="font-size:13px; line-height:1.5;">Хийн түлш борлуулах цэг</a></li> </ul> </li> <li><a href="/company/list/producer">ҮЙЛДВЭРЛЭГЧ БАЙГУУЛЛАГУУД</a></li> <li><a href="/static/video">ВИДЕО</a></li> </ul> </nav> <div id="nav-trigger"> <!--<span>Menu</span>--> </div> <nav id="nav-mobile"></nav> </div> </div> <!--**************--> <!--МЭДЭЭ МЭЛЭЭЛЭЛ--> <!--suuliin 4 medeelel--> <!--**************--> <div class="backgroundArea newsArea" id="newsmenu"> <div class="panel-heading btm text-center"> <h3 class="titleh3">МЭДЭЭ, МЭДЭЭЛЭЛ</h3> </div> <div class="wrapper"> <div class="container"> <div class="col-xs-7" style="padding-left:0"> <div style="padding-bottom: 20px;"> <div style="height:30px; background:#e9eaec"> <div style="width: 130px; height: 30px; background: #2b8ed4;"> <h4 style="color:#fff; font-size: 16px; padding-top:5px; padding-left:10px">Онцлох</h4> </div> </div> </div> <div class="slider"> <ul class="bxslider" style="padding-left:0;"> <li style="overflow: hidden; height:350px; margin-top:0; width:100% !important;"> <a href="/article-view/1329"> <img style="width:100%" src="/resources/img/news/default-big.png" title="Налайх дүүрэгт суурилуулсан Агаарын чанарын харуулын станцыг Цаг уур, орчны шинжилгээний газарт шилжүүлэх ажил амжилттай боллоо."/> </a> </li> <li style="overflow: hidden; height:350px; margin-top:0; width:100% !important;"> <a href="/article-view/954"> <img style="width:100%" src="/../files/article/954/image.jpg" title="ХАЯГДАЛ ДУГУЙГААР БАЙГАЛЬД ЭЭЛТЭЙ ХАВТАН ҮЙЛДВЭРЛЭЖ БАЙНА"/> </a> </li> <li style="overflow: hidden; height:350px; margin-top:0; width:100% !important;"> <a href="/article-view/951"> <img style="width:100%" src="/../files/article/951/image.jpg" title="АГААРЫН БОХИРДОЛД СТАНДАРТЫН ШААРДЛАГА ХАНГАХГҮЙ ШАТАХУУН НӨЛӨӨЛЖ БАЙНА"/> </a> </li> <li style="overflow: hidden; height:350px; margin-top:0; width:100% !important;"> <a href="/article-view/947"> <img style="width:100%" src="/../files/article/947/image.jpg" title="Орчны бохирдлыг бууруулах үндэсний хороонд хэрэгжиж байгаа төсөл, хөтөлбөрүүдийн мэдээллийг БОХХААБХ-ны хуралдаанд танилцууллаа."/> </a> </li> <li style="overflow: hidden; height:350px; margin-top:0; width:100% !important;"> <a href="/article-view/946"> <img style="width:100%" src="/resources/img/news/default-big.png" title=" НЯНГИЙН БОХИРДЛЫН ГОЛ ЭХ ҮҮСВЭР НЬ ГЭР ХОРООЛЛЫН НҮХЭН ЖОРЛОН"/> </a> </li> </ul> </div> </div> <div class="col-xs-5" style="padding-left:0; padding-right:0;"> <div class="column"> <div style="padding-bottom: 10px;"> <div style="height:30px; background:#e9eaec;"> <div class="tabNews"> <ul class="tabsNews" style="padding-left:0"> <li><a href="#">Сүүлд нэмэгдсэн</a></li> <li><a href="#">Их уншсан</a></li> <li><a href="#">Онцлох</a></li> </ul> <div class="tab_content"> <div class="tabs_item"> <ul class="latestnews" style="height:360px; overflow:hidden; overflow-y:scroll;"> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1334">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.03.17-2025.03.23/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/03/24</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1333">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.03.10-2025.03.16/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/03/17</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1332">УЛААНБААТАР ХОТЫН ХҮЙТНИЙ УЛИРЛЫН АГААРЫН ЧАНАРЫН ТӨЛӨВ БАЙДЛЫН ТОЙМ /2025 ОНЫ 02 ДУГААР САР/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/03/14</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1331">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.02.24-2025.03.02/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/03/06</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1330">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.02.17-2025.02.23/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/24</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1329">Налайх дүүрэгт суурилуулсан Агаарын чанарын харуулын станцыг Цаг уур, орчны шинжилгээний газарт шилжүүлэх ажил амжилттай боллоо.</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/18</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1327">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.02.10-2025.02.16/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/17</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1326">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.02.09-2025.02.09/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/10</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1325">УЛААНБААТАР ХОТЫН ХҮЙТНИЙ УЛИРЛЫН АГААРЫН ЧАНАРЫН ТӨЛӨВ БАЙДЛЫН ТОЙМ /2025 ОНЫ 01 ДҮГЭЭР САР/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/05</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1324">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.01.27-2025.02.02/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/03</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1322">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.01.20-2025.01.26/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/01/27</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1321">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.01.13-2025.01.19/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/01/20</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1320">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2025.01.06-2025.01.12/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/01/13</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1319">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2024.12.30-2025.01.05/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/01/06</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1318">УЛААНБААТАР ХОТЫН ХҮЙТНИЙ УЛИРЛЫН АГААРЫН ЧАНАРЫН ТӨЛӨВ БАЙДЛЫН ТОЙМ /2024 ОНЫ 12 ДУГААР САР/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/01/03</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1317">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2024.12.23-2024.12.29/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2024/12/30</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1316">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2024.12.16-2024.12.22/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2024/12/24</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1315">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2024.12.09-2024.12.15/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2024/12/17</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1314">Улаанбаатар хотын агаарын чанарын 7 хоногийн мэдээ /2024.12.02-2024.12.08/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2024/12/09</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1313">УЛААНБААТАР ХОТЫН ХҮЙТНИЙ УЛИРЛЫН АГААРЫН ЧАНАРЫН ТӨЛӨВ БАЙДЛЫН ТОЙМ /2024 ОНЫ 11 ДҮГЭЭР САР/</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2024/12/06</p> </li> </ul> </div> <div class="tabs_item"> <ul class="latestnews" style="height:360px; overflow:hidden; overflow-y:scroll;"> <li> <img src="/../files/article/210/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/210">Усан халаалтын зуухны угсралт ба ашиглалт</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/09</p> </li> <li> <img src="/../files/article/201/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/201">Гэрийн дулаалгын эсгийний үйлдвэрүүдийн товч танилцуулга </a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/08</p> </li> <li> <img src="/../files/article/186/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/186">Цахилгаан халаагуур хэрэглэж цахилгааны үнийн хөнгөлөлтөнд хамрагдах хүсэлтэй хэрэглэгчдэд тавигдах техникийн шаардлага, нөхцөл шалгуур</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/08</p> </li> <li> <img src="/../files/article/184/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/184">Нийслэлийн агаарын чанарыг сайжруулах бүсийн гэр хорооллын айл өрхөд цахилгаан эрчим хүчний үнийн урамшуулал олгох журам</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/08</p> </li> <li> <img src="/../files/article/76/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/76">Агаарын чанарын индекс </a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/01</p> </li> <li> <img src="/../files/article/304/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/304"> Боловсруулсан түлшний үйлдвэрүүдийн танилцуулга</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/11/13</p> </li> <li> <img src="/../files/article/275/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/275">“Биодизелийн түлш” техникийн шаардлага монгол улсын стандарт</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/23</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/285">Сайжруулсан зуухны бүртгэл тооллогын дүнд мониторинг хийх ажлын удирдамж</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/29</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/376">Инфографик: Автомашин</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/12/05</p> </li> <li> <img src="/../files/article/292/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/292">Удаан задардаг органик бохирдуулагч гэж юу вэ?</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/11/04</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/374">Инфографик: Хүйтний улирал</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/12/05</p> </li> <li> <img src="/../files/article/380/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/380">Автотээврийн хэрэгсэл – техникийн үзлэг буюу шалгалтаар хорт хийг хэмжих арга</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/12/10</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/375">Инфографик: Шингэрүүлсэн хий, хийн тоног төхөөрөмжийн импорт</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/12/05</p> </li> <li> <img src="/../files/article/294/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/294">Агаарын бохирдлоос эрүүл мэндээ хамгаалах энгийн зөвлөгөө</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/11/04</p> </li> <li> <img src="/../files/article/187/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/187">Халаалтын зуух </a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2014/10/08</p> </li> </ul> </div> <div class="tabs_item"> <ul class="latestnews" style="height:360px; overflow:hidden; overflow-y:scroll;"> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/1329">Налайх дүүрэгт суурилуулсан Агаарын чанарын харуулын станцыг Цаг уур, орчны шинжилгээний газарт шилжүүлэх ажил амжилттай боллоо.</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2025/02/18</p> </li> <li> <img src="/../files/article/954/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/954">ХАЯГДАЛ ДУГУЙГААР БАЙГАЛЬД ЭЭЛТЭЙ ХАВТАН ҮЙЛДВЭРЛЭЖ БАЙНА</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2021/05/25</p> </li> <li> <img src="/../files/article/951/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/951">АГААРЫН БОХИРДОЛД СТАНДАРТЫН ШААРДЛАГА ХАНГАХГҮЙ ШАТАХУУН НӨЛӨӨЛЖ БАЙНА</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2021/05/21</p> </li> <li> <img src="/../files/article/947/image_thumb.jpg" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/947">Орчны бохирдлыг бууруулах үндэсний хороонд хэрэгжиж байгаа төсөл, хөтөлбөрүүдийн мэдээллийг БОХХААБХ-ны хуралдаанд танилцууллаа.</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2021/05/19</p> </li> <li> <img src="/resources/img/news/default.png" width="60px" height="60px" alt="image description"> <p style="font-size:14px; height:40px; overflow: hidden"><strong><a style="font-size: 14px; color:#000; text-decoration: none" href="/article-view/946"> НЯНГИЙН БОХИРДЛЫН ГОЛ ЭХ ҮҮСВЭР НЬ ГЭР ХОРООЛЛЫН НҮХЭН ЖОРЛОН</a></strong></p> <p style="color:#2b8ed4; font-size:12px"><i class="fa fa-clock-o"></i> 2021/05/17</p> </li> </ul> </div> </div> </div> <!-- <div style="width: 150px; height: 30px; background: #2b8ed4; border-top-right-radius: 30px"> <h4 style="color:#fff; font-size: 16px; padding-top:5px; padding-left:10px">Шинэ</h4> </div> --> </div> </div> </div> </div> <br class="clear"/> </div> </div> </div> <script type="text/javascript" src="/resources/js/jquery.bxslider.js"></script> <script type="text/javascript"> $(function () { $('.bxslider').bxSlider({ mode: 'fade', captions: true }); $('.tabNews ul.tabsNews').addClass('active').find('> li:eq(0)').addClass('current'); $('.tabNews ul.tabsNews li a').click(function (g) { var tab = $(this).closest('.tabNews'); var index = $(this).closest('li').index(); tab.find('ul.tabsNews > li').removeClass('current'); $(this).closest('li').addClass('current'); tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp(); tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown(); g.preventDefault(); }); }); </script> <!--**********************--> <!--ХИМИЙН БОДИСЫН ТАЙЛБАР--> <!--**********************--> <!--Desktop version--> <div class="container chemStyle" id="chemmenu"> <div class="row animateblock btm text-center"> <h3 class="titleh3">АГААР БОХИРДУУЛАХ БОДИСЫН ТАЙЛБАР</h3> </div> <div class="row animateblock btm"> <div class="col-xs-12"> <div class="row"> <div class="col-xs-7 five-three"> <div class="row"> <div class="col-xs-4 tab0" id="tab0"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewbox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve"> <!--first--> <g class="floating"> <circle class="path3" fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" cx="16.127" cy="108.271" r="8.25"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M74.527,65.418"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M80.34,36.903"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M91.527,90.086"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M119.211,95.189"/> <line class="path3" fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" x1="23.58" y1="104.748" x2="53.027" y2="92.639"/> <text transform="matrix(1 0 0 1 56.1104 81.627)"><tspan x="0" y="0" fill="#FFFFFF" font-size="10">PM 2.5</tspan><tspan x="0" y="14.4" fill="#FFFFFF" font-size="10">PM 10</tspan></text> </g> <!--second--> <g class="floating1"> <circle class="path3" fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" cx="82.61" cy="25.564" r="11.562"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M118.998,97.377"/> <line class="path3" fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" x1="80.34" y1="36.903" x2="74.527" y2="65.418"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M91.527,90.086"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M119.211,95.189"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M53.027,92.639"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M23.58,104.748"/> <text transform="matrix(1 0 0 1 56.1104 81.627)"><tspan x="0" y="0" fill="#FFFFFF" font-size="10">PM 2.5</tspan><tspan x="0" y="14.4" fill="#FFFFFF" font-size="10">PM 10</tspan></text> </g> <!--third--> <g class="floating2"> <circle class="path3" fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" cx="130.561" cy="97.377" r="11.562"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M74.527,65.418"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M80.34,36.903"/> <line class="path3" fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" x1="119.211" y1="95.189" x2="91.527" y2="90.086"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M53.027,92.639"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M23.58,104.748"/> <text transform="matrix(1 0 0 1 56.1104 81.627)"><tspan x="0" y="0" fill="#FFFFFF" font-size="10">PM 2.5</tspan><tspan x="0" y="14.4" fill="#FFFFFF" font-size="10">PM 10</tspan></text> </g> <!--fourth--> <g> <circle class="path4" fill="#FF9642" cx="70.547" cy="85.814" r="32.187"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M74.527,65.418"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M80.34,36.903"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M91.527,90.086"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M119.211,95.189"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M53.027,92.639"/> <path fill="none" stroke="#FF9642" stroke-width="2" stroke-miterlimit="10" d="M23.58,104.748"/> <text transform="matrix(1 0 0 1 56.1104 81.627)"><tspan x="0" y="0" fill="#FFFFFF" font-size="10">PM 2.5</tspan><tspan x="0" y="14.4" fill="#FFFFFF" font-size="10">PM 10</tspan></text> </g> </svg> </div> <div class="col-xs-4 tab1" id="tab1"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewbox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve"> <!--first--> <g class="floating5"> <circle class="path1" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="36.021" cy="126.643" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="102.723" cy="32.199" r="11.562"/> <circle display="none" fill="#218CD8" cx="70.535" cy="85.726" r="32.188"/> <text transform="matrix(1 0 0 1 62.5977 90.3301)" display="none" fill="#FFFFFF" font-size="12">CO</text> <line class="path1" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="43.474" y1="117.806" x2="58.181" y2="100.497"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="96.77" y1="42.098" x2="81.682" y2="67.663"/> </g> <!--second--> <g class="floating6"> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="36.021" cy="126.643" r="11.562"/> <circle class="path1" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="102.723" cy="32.199" r="11.562"/> <circle display="none" fill="#218CD8" cx="70.535" cy="85.726" r="32.188"/> <text transform="matrix(1 0 0 1 62.5977 90.3301)" display="none" fill="#FFFFFF" font-size="12">CO</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="43.474" y1="117.806" x2="58.181" y2="100.497"/> <line class="path1" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="96.77" y1="42.098" x2="81.682" y2="67.663"/> </g> <!--third--> <g> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="36.021" cy="126.643" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="102.723" cy="32.199" r="11.562"/> <circle class="path2" fill="#218CD8" cx="70.535" cy="85.726" r="32.188"/> <text transform="matrix(1 0 0 1 62.5977 90.3301)" fill="#FFFFFF" font-size="12">CO</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="43.474" y1="117.806" x2="58.181" y2="100.497"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="96.77" y1="42.098" x2="81.682" y2="67.663"/> </g> </svg> </div> <div class="col-xs-4 tab3" id="tab3"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewbox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve"> <!--first--> <g class="floating7"> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="21.513" cy="50.451" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="123.473" cy="51.992" r="11.562"/> <circle class="path7" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="69.721" cy="134.505" r="11.562"/> <circle display="none" fill="#218CD8" cx="70.51" cy="85.285" r="32.187"/> <text transform="matrix(1 0 0 1 59.9893 89.5566)" display="none" fill="#FFFFFF" font-size="12">SO2</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="30.518" y1="57.697" x2="49.906" y2="71.056"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="113.688" y1="58.142" x2="90.148" y2="72.94"/> <line class="path7" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="69.721" y1="122.942" x2="69.721" y2="111.861"/> </g> <!--second--> <g class="floating8"> <circle class="path7" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="21.513" cy="50.451" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="123.473" cy="51.992" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="69.721" cy="134.505" r="11.562"/> <circle display="none" fill="#218CD8" cx="70.51" cy="85.285" r="32.187"/> <text transform="matrix(1 0 0 1 59.9893 89.5566)" display="none" fill="#FFFFFF" font-size="12">SO2</text> <line class="path7" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="30.518" y1="57.697" x2="49.906" y2="71.056"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="113.688" y1="58.142" x2="90.148" y2="72.94"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="69.721" y1="122.942" x2="69.721" y2="111.861"/> </g> <!--third--> <g class="floating9"> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="21.513" cy="50.451" r="11.562"/> <circle class="path7" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="123.473" cy="51.992" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="69.721" cy="134.505" r="11.562"/> <circle display="none" fill="#218CD8" cx="70.51" cy="85.285" r="32.187"/> <text transform="matrix(1 0 0 1 59.9893 89.5566)" display="none" fill="#FFFFFF" font-size="12">SO2</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="30.518" y1="57.697" x2="49.906" y2="71.056"/> <line class="path7" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="113.688" y1="58.142" x2="90.148" y2="72.94"/> <line class="path7" display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="69.721" y1="122.942" x2="69.721" y2="111.861"/> </g> <g class=""> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="21.513" cy="50.451" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="123.473" cy="51.992" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="69.721" cy="134.505" r="11.562"/> <circle class="path8" fill="#218CD8" cx="70.51" cy="85.285" r="32.187"/> <text transform="matrix(1 0 0 1 59.9893 89.5566)" fill="#FFFFFF" font-size="12">SO2</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="30.518" y1="57.697" x2="49.906" y2="71.056"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="113.688" y1="58.142" x2="90.148" y2="72.94"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="69.721" y1="122.942" x2="69.721" y2="111.861"/> </g> </svg> </div> <!-- end inner row --> </div> </div> <div class="col-xs-5 five-two"> <div class="row"> <div class="col-xs-6 tab2" id="tab2"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewbox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve"> <!--first--> <g class="floating10"> <circle class="path5" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="17.242" cy="118.658" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="131.012" cy="90.267" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="48.273" cy="30.385" r="6.812"/> <circle display="none" fill="#218CD8" cx="70.25" cy="85.438" r="32.188"/> <text transform="matrix(1 0 0 1 57.979 89.71)" display="none" fill="#FFFFFF" font-size="12">NO2</text> <line class="path5" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="27.031" y1="112.522" x2="55.892" y2="94.437"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="50.798" y1="36.71" x2="63.57" y2="68.707"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="119.449" y1="89.348" x2="88.039" y2="86.852"/> </g> <!--second--> <g class="floating11"> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="17.242" cy="118.658" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="131.012" cy="90.267" r="11.562"/> <circle class="path5" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="48.273" cy="30.385" r="6.812"/> <circle display="none" fill="#218CD8" cx="70.25" cy="85.438" r="32.188"/> <text transform="matrix(1 0 0 1 57.979 89.71)" display="none" fill="#FFFFFF" font-size="12">NO2</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="27.031" y1="112.522" x2="55.892" y2="94.437"/> <line class="path5" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="50.798" y1="36.71" x2="63.57" y2="68.707"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="119.449" y1="89.348" x2="88.039" y2="86.852"/> </g> <!--third--> <g class="floating12"> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="17.242" cy="118.658" r="11.562"/> <circle class="path5" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="131.012" cy="90.267" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="48.273" cy="30.385" r="6.812"/> <circle display="none" fill="#218CD8" cx="70.25" cy="85.438" r="32.188"/> <text transform="matrix(1 0 0 1 57.979 89.71)" display="none" fill="#FFFFFF" font-size="12">NO2</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="27.031" y1="112.522" x2="55.892" y2="94.437"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="50.798" y1="36.71" x2="63.57" y2="68.707"/> <line class="path5" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="119.449" y1="89.348" x2="88.039" y2="86.852"/> </g> <g class=""> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="17.242" cy="118.658" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="131.012" cy="90.267" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="48.273" cy="30.385" r="6.812"/> <circle class="path6" fill="#218CD8" cx="70.25" cy="85.438" r="32.188"/> <text transform="matrix(1 0 0 1 57.979 89.71)" fill="#FFFFFF" font-size="12">NO2</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="27.031" y1="112.522" x2="55.892" y2="94.437"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="50.798" y1="36.71" x2="63.57" y2="68.707"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="119.449" y1="89.348" x2="88.039" y2="86.852"/> </g> </svg> </div> <div class="col-xs-6 tab4" id="tab4"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewbox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve"> <!--first--> <g class="floating3"> <circle class="path9" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="86.392" cy="136.616" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="94.269" cy="31.654" r="6.896"/> <circle display="none" fill="#218CD8" cx="70.548" cy="85.823" r="32.188"/> <text transform="matrix(1 0 0 1 62.8604 90.0947)" display="none" fill="#FFFFFF" font-size="12">O3</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="91.504" y1="37.969" x2="77.776" y2="69.261"/> <line class="path9" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="83.275" y1="125.489" x2="74.829" y2="104.928"/> </g> <!--second--> <g class="floating4"> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="86.392" cy="136.616" r="11.562"/> <circle class="path9" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="94.269" cy="31.654" r="6.896"/> <circle display="none" fill="#218CD8" cx="70.548" cy="85.823" r="32.188"/> <text transform="matrix(1 0 0 1 62.8604 90.0947)" display="none" fill="#FFFFFF" font-size="12">O3</text> <line class="path9" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="91.504" y1="37.969" x2="77.776" y2="69.261"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="83.275" y1="125.489" x2="74.829" y2="104.928"/> </g> <!--third--> <g> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="86.392" cy="136.616" r="11.562"/> <circle display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" cx="94.269" cy="31.654" r="6.896"/> <circle class="path10" fill="#218CD8" cx="70.548" cy="85.823" r="32.188"/> <text transform="matrix(1 0 0 1 62.8604 90.0947)" fill="#FFFFFF" font-size="12">O3</text> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="91.504" y1="37.969" x2="77.776" y2="69.261"/> <line display="none" fill="none" stroke="#218CD8" stroke-width="2" stroke-miterlimit="10" x1="83.275" y1="125.489" x2="74.829" y2="104.928"/> </g> </svg> </div> </div> <!-- end inner row --> </div> </div> <!-- end outer row --> </div> </div> <div class="row animateblock btm firstStat chemTitle"> <div class="col-xs-7 five-three"> <div class="row"> <div class="col-xs-4 chemName"> <a class="text1 tab0" href="#" style="text-decoration: none; font-weight: bold; color:#000; padding-left:25px"> Тоосонцор </a> </div> <div class="col-xs-4 chemName tab1"> <a class="text3" href="#" style="text-decoration: none; font-weight: bold; color:#000"> Нүүрс төрөгчийн дутуу исэл </a> </div> <div class="col-xs-4 chemName tab3"> <a class="text7" href="#" style="text-decoration: none; font-weight: bold; color:#000"> Хүхэрийн давхар исэл </a> </div> <!-- end inner row --> </div> </div> <div class="col-xs-5 five-two"> <div class="row"> <div class="col-xs-6 chemName tab2"> <a class="text5" href="#" style="text-decoration: none; font-weight: bold; color:#000"> Азотын давхар исэл </a> </div> <div class="col-xs-6 chemName tab4"> <a class="text9" href="#" style="text-decoration: none; font-weight: bold; color:#000; padding-right:25px"> Oзон </a> </div> </div> <!-- end inner row --> </div> </div> <div class="row animateblock btm firstStat chemContent"> <div class="content1"> <div class="row"> <div class="col-xs-1"> <div class="image-row"> <div class="image-set"> <a class="example-image-link" href="/resources/img/element_info/pm.jpg" data-lightbox="example-set" data-title="Тоосонцор"><img class="example-image" src="/resources/img/element_info/pm_thumb.jpg" alt=""/></a> </div> </div> </div> <div class="col-xs-11" style="padding-left:50px"> <p> Агаарт хатуу, шингэн төлөв байдалтай оршдог. 10 микрометрээс бага хэмжээтэй тоосны богино (1-24 цаг) ба урт хугацааны (хэдэн жилийн) нөлөөлөл нь уушги, зүрхний өвчлөл, нас баралтын нэг хүчин зүйл болдог. Зүрхний эсвэл уушгины өвчтэй хүмүүс, тухайлбал зүрхний архаг өвчтэй хүн, титэм судасны өвчтэй, гуурсан хоолойн багтраа өвчтэй хүн, өндөр настнууд (уушгины эсвэл зүрхний өвчингүй байж болно) тоосонд мэдрэмтгий байдаг. Зүрхний өвчтэй хүн тоосны нөлөөнд өртсөнөөс цээжээр хөндүүрлэх, чичрэх, амьсгал давхцах, сульдах, зүрхний хэмнэл алдагдах зэрэг шинж тэмдгүүд илэрдэг. Тоос нь амьсгалын замын халдварт өвчний өртөмтгий байдлыг ихэсгэх бөгөөд амьсгалын замын архаг өвчнийг сэдрээх нөлөөтэй. </p> </div> </div> </div> <div class="content2"> <div class="row"> <div class="col-xs-1"> <div class="image-row"> <div class="image-set"> <a class="example-image-link" href="/resources/img/element_info/co.jpg" data-lightbox="example-set" data-title="Нүүрс төрөгчийн дутуу исэл"><img class="example-image" src="/resources/img/element_info/co_thumb.jpg" alt=""/></a> </div> </div> </div> <div class="col-xs-11" style="padding-left:50px"> <p> Өнгөгүй, үнэргүй хий. Түлшин дэх нүүрстөрөгч бүрэн шатаагүй үед үүсдэг. Нүүрстөрөгчийн дутуу исэл уушгиар дамжиж, цусны урсгалд орж, эсэд хүчилтөрөгчийг зөөвөрлөдөг гемоглобинтой нэгдэн “Карбоксигемоглобин” гэдэг нэгдэл үүсгэдэг. Иймээс хүний бие махбоди, эдэд очих хүчилтөрөгчийн хэмжээг багасгадаг. Зүрх судасны өвчтэй хүмүүс, тухайлбал зүрхний бах өвчтэй хүмүүс хамгийн их эрсдэлтэй бөгөөд биеийн хүчний ажил хийж байгаа үед нүүрстөрөгчийн дутуу ислийн нөлөөлөлд өртвөл цээжээр өвдөх болон зүрх судасны талаас бусад шинж тэмдгүүд илэрдэг. Зүрх судас, амьсгалын замын архаг хууч өвчтэй (зүрхний титэм судасны өвчтэй, цус багадалттай, уушигны архаг бөглөрөө өвчтэй) хүмүүс, нярай хүүхдүүд нүүрстөрөгчийн дутуу исэлд илүү өртөмтгий байдаг. </p> </div> </div> </div> <div class="content4"> <div class="row"> <div class="col-xs-1"> <div class="image-row"> <div class="image-set"> <a class="example-image-link" href="/resources/img/element_info/co.jpg" data-lightbox="example-set" data-title="Хүхэрийн давхар исэл"><img class="example-image" src="/resources/img/element_info/co_thumb.jpg" alt=""/></a> </div> </div> </div> <div class="col-xs-11" style="padding-left:50px"> <p> Гуурсан хоолойн багтраа өвчтэй хүмүүс гадаа биеийн хүчний ажил хийж байгаа үед хүхрийн давхар исэлд их өртөмтгий байдаг. Гол нөлөө нь амьсгалын замыг нарийсгадаг бөгөөд шуухитнах, амьсгаа давчдах зэрэг шинж тэмдгүүд илэрдэг. Хүхрийн давхар исэл нь амьсгал цочроосноос найтаах, ханиах зэрэг физиологийн хариу үйлдэл үзүүлэх бөгөөд сөрөг нөлөө зогсоход уушгины үйл ажиллагаа цагийн дотор хэвийн байдалд ордог. Хүхрийн давхар ислийн архаг нөлөө нь амьсгалын замын өвчний тохиолдлыг ихэсгэх, уушгины хамгаалах механизмыг бууруулах, зүрх судасны архаг өвчнийг сэдрээдэг. Зүрх судасны өвчтэй болон уушгины архаг өвчтэй хүмүүс, түүнчлэн хүүхдүүд, өндөр настнууд архаг нөлөөнд өртөмтгий байдаг. </p> </div> </div> </div> <div class="content3"> <div class="row"> <div class="col-xs-1"> <div class="image-row"> <div class="image-set"> <a class="example-image-link" href="/resources/img/element_info/no2.jpg" data-lightbox="example-set" data-title="Азотын давхар исэл"><img class="example-image" src="/resources/img/element_info/no2_thumb.jpg" alt=""/></a> </div> </div> </div> <div class="col-xs-11" style="padding-left:50px"> <p> Өнгөгүй, үнэргүй хий бөгөөд агаар мандалд бор шаргал өнгөтэй болдог. Азотын давхар исэл нь уушгины эдийг цочроох ба амьсгалын замын халдварт өртөмтгий байдлыг нэмэгдүүлдэг. Азотын давхар исэл нь амьсгалын замын өвчний тохиолдлыг ихэсгэх, гуурсан хоолойн багтраа болон үрэвсэлтэй хүний мэдрэгшлийг нэмэгдүүлэх, уушгины хамгаалах механизмыг бууруулах, зүрх судасны архаг өвчнийг сэдрээх нөлөөтэй. Зүрх судасны, уушгины архаг өвчтэй хүмүүс, түүнчлэн хүүхдүүд, өндөр настнууд архаг нөлөөнд өртөмтгий байдаг. </p> </div> </div> </div> <div class="content5"> <div class="row"> <div class="col-xs-1"> <div class="image-row"> <div class="image-set"> <a class="example-image-link" href="/resources/img/element_info/o3.jpg" data-lightbox="example-set" data-title="Озон"><img class="example-image" src="/resources/img/element_info/o3_thumb.jpg" alt=""/></a> </div> </div> </div> <div class="col-xs-11" style="padding-left:50px"> <p> Гурван атомт хүчилтөрөгчөөс тогтсон хий төлөв байдалтай нэгдэл. Озон нь атмосферийн дээд давхарга болон газрын гадарга орчмын агаарт байдаг бөгөөд озон хаана байгаагаас шалтгаалж хүний эрүүл мэндэд эерэг, сөрөг нөлөө үзүүлдэг. Атмосферийн агаарын дээд давхаргад оршдог озон нь нарны хэт ягаан туяаны хортой нөлөөнөөс хүн, амьтныг хамгаалах биологийн ач холбогдолтой. Газрын гадарга орчмын атмосферийн агаар дахь озон нь хүний эрүүл мэндэд аюултай. Гадаа биеийн хүчний ажил хийх, зуны улиралд хүүхдүүд гадаа удаан хугацаагаар тоглоход озоны нөлөөлөлд өртөх эрсдэл нэмэгддэг. Амьсгалын замын өвчтэй хүмүүс, тухайлбал гуурсан хоолойн багтраа өвчтэй хүмүүсийн уушиг озонд маш мэдрэг байдаг тул бусад хүмүүстэй харьцуулахад озоны хэмжээ бага байхад ч харьцангуй хурдан озоны нөлөөнд өртөж, эрүүл мэндэд нь өөрчлөлт гардаг. Озон нь амьсгалын замын салст бүрхэвчийг цочроох, уушгины үйл ажиллагааг бууруулах үйлчилгээтэй тул озоны нөлөөнд өртсөн хүмүүст ханиах, хоолой хорсох, цээжээр хөндүүрлэх, амьсгал авалт хурдасч, өнгөц болох зэрэг шинж тэмдгүүд илэрдэг. Озон нь гуурсан хоолойн багтраа өвчнийг сэдрээдэг бөгөөд ялангуяа гэрийн тэжээмэл амьтан, ургамлын тоос, хачиганд харшилтай хүмүүс озонд их мэдрэмтгий бөгөөд ийм хүмүүс гуурсан хоолойн багтраа өвчнөөр өвдөх нь элбэг байдаг. Түүнчлэн амьсгалын замын халдварт өвчинд өртөмтгий байдлыг ихэсгэхэд нөлөөлдөг. </p> </div> </div> </div> </div> </div> <!--**********************--> <!--АГААРЫН ЧАНАРЫН ИНДЕКС--> <!--**********************--> <div class="backgroundArea newsArea" style="margin-top: 50px"> <div class="container chanarStyle" id="airmenu"> <div class="row"> <div class="col-md-12"> <h3 class="animateblock btm text-center chanartopTitle">АГААРЫН ЧАНАРЫН ИНДЕКС</h3> </div> </div> </div> <div class="container"> <section id="cd-timeline" class="cd-container sectionTimeline" style="text-align:center; margin-left:0; margin-right:0"> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-picture"> <img class="middleStat" id="advice1_1" src="/resources/img/grade1.png" alt=""> </div> <!-- cd-timeline-img --> <div class="cd-timeline-content"> <div class="flip-container flip-container1" id="advice1" style="height:60px" ontouchstart="this.classList.toggle('hover');"> <div class="flipper text-center"> <div class="front"> <p>Хүний эрүүл мэндэд сөрөг нөлөөгүй. <span style="color:#328fd2"></p> <p style="color: #2b8ed4">Зөвлөгөө <i class="fa fa-angle-double-down"></i></p> </div> <div class="back" style="padding-left:0; margin-left:0"> <p style="color: #2b8ed4">Зөвлөгөө</p> <p>Хэт мэдрэг хүмүүс эрүүл мэнддээ анхаарал тавих нь зүйтэй </p> </div> </div> </div> <span class="cd-date">Цэвэр</span> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img class="middleStat" id="advice1_2" src="/resources/img/grade2.png" alt=""> </div> <!-- cd-timeline-img --> <div class="cd-timeline-content"> <div class="flip-container flip-container1" id="advice2" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="front"> Агаарын чанарын стандартын шаардлага хангана. Гэхдээ зарим хэт мэдрэг хүмүүст амьсгалын замын өвчний шинж тэмдэг илрэх магадлалтай. <p style="color: #2b8ed4">Зөвлөгөө <i class="fa fa-angle-double-down"></i></p> </div> <div class="back"> <p style="color: #2b8ed4">Зөвлөгөө</p> <p>Хэт мэдрэг хүмүүс эрүүл мэнддээ анхаарал тавих нь зүйтэй </p> </div> </div> </div> <span class="cd-date">Хэвийн</span> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-picture"> <img class="middleStat" id="advice1_3" src="/resources/img/grade3.png" alt=""> </div> <!-- cd-timeline-img --> <div class="cd-timeline-content"> <div class="flip-container flip-container2" id="advice3" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="front"> <p>Хэт мэдрэг хүмүүсийн эрүүл мэндэд сөрөг нөлөөлөл илэрнэ. Зүрх судас, амьсгалын замын архаг өвчтэй, ялангуяа гуурсан хоолойн багтраа өвчтэй хүмүүс нөлөөлөлд илүү өртөнө.</p> <p style="color: #2b8ed4">Зөвлөгөө <i class="fa fa-angle-double-down"></i></p> </div> <div class="back"> <p style="color: #2b8ed4">Зөвлөгөө</p> <p>Зүрх судас, уушгины архаг өвчтэй хүмүүс, хүүхдүүд, өндөр настангууд гадаа биеийн хүчний хүнд ажил хийх, тоглох хугацаагаа багасгах, нүүрстөрөгчийн дутуу исэл их хэмжээгээр гаргадаг эх үүсвэр (тухайлбал автозам)-ээс хол байх хэрэгтэй.</p> </div> </div> </div> <span class="cd-date">Бага бохирдолтой</span> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-location"> <img class="middleStat" id="advice1_4" src="/resources/img/grade4.png" alt=""> </div> <!-- cd-timeline-img --> <div class="cd-timeline-content"> <div class="flip-container flip-container2" id="advice4" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="front"> <p>Хүний эрүүл мэндэд сөрөг нөлөөлө илэрч эхэлнэ. Хэт мэдрэг хүмүүсийн эрүүл мэндэд сөрөг нөлөөлөл хүндээр илэрнэ.</p> <p style="color: #2b8ed4">Зөвлөгөө <i class="fa fa-angle-double-down"></i></p> </div> <div class="back"> <p style="color: #2b8ed4">Зөвлөгөө</p> <p>Зүрх, уушгины архаг өвчтэй болон өндөр настай хүмүүс, хүүхдүүд гадаа удаан хугацаагаар байх болон гадаа биеийн хүчний хүнд ажил хийхээс зайлсхийх, архаг хууч өвчтэй хүмүүс даралтаа тогтмол хянах, эмийг хугацаанд нь уух шаардлагатай. Мөн цэвэр агаарт салхинд гарах болон амны хаалт зүүх хэрэгтэй.</p> </div> </div> </div> <span class="cd-date">Бохирдолтой</span> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-location"> <img class="middleStat" id="advice1_5" src="/resources/img/grade5.png" alt=""> </div> <!-- cd-timeline-img --> <div class="cd-timeline-content"> <div class="flip-container flip-container2" id="advice5" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="front"> <p>Удаан хугацаагаар гадаа байхад хүний эрүүл мэндэд мэдэгдэхүйц сөрөг нөлөөлөл үзүүлж болно.</p> <p style="color: #2b8ed4">Зөвлөгөө <i class="fa fa-angle-double-down"></i></p> </div> <div class="back"> <p style="color: #2b8ed4">Зөвлөгөө</p> <p>Зүрх, уушгины архаг өвчтэй болон өндөр настай хүмүүс, хүүхдүүд гадаа биеийн хүчний ямар ч төрлийн ажил хийхээс зайлсхийх, архаг хууч өвчтэй хүмүүс даралтаа тогтмол хянах, эмчийн хяналтад байх, эмийг хугацаанд нь уух шаардлагатай. Мөн цэвэр агаарт салхинд гарах болон амны хаалт зүүх хэрэгтэй.</p> </div> </div> </div> <span class="cd-date">Их бохирдолтой</span> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img class="middleStat" id="advice1_6" src="/resources/img/grade6.png" alt=""> </div> <!-- cd-timeline-img --> <div class="cd-timeline-content"> <div class="flip-container flip-container2" id="advice6" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="front"> <p>Хүний эрүүл мэндэд сөрөг нөлөөлэй.</p> <p style="color: #2b8ed4">Зөвлөгөө <i class="fa fa-angle-double-down"></i></p> </div> <div class="back"> <p style="color: #2b8ed4">Зөвлөгөө</p> <p>Хүн бүр гадаа биеийн хүч шаардсан ямар ч төрлийн ажил хийхээс зайлсхийх гэртээ байх хэрэгтэй. Цэвэр агаарт салхинд гарах хэрэгтэй. Архаг хууч өвчтэй хүмүүс даралтаа тогтмол хянах, эмчийн хяналтад байж эмийг хугацаанд нь уух шаардлагатай. Нүүрстөрөгчийн дутуу исэл их хэмжээгээр гаргадаг эх үүсвэр (тухайлбал автозам)-ээс хол байх хэрэгтэй. Мөн амны хаалт зүүх.</p> </div> </div> </div> <span class="cd-date">Маш их бохирдолтой</span> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --> </section> </div> </div> <script> $(function () { $('#advice1').hover(function () { $('#advice1_1').attr('src', '/resources/img/doctor1.png'); }, function () { // on mouseout, reset the background colour $('#advice1_1').attr('src', '/resources/img/grade1.png'); }); $('#advice2').hover(function () { $('#advice1_2').attr('src', '/resources/img/doctor2.png'); }, function () { // on mouseout, reset the background colour $('#advice1_2').attr('src', '/resources/img/grade2.png'); }); $('#advice3').hover(function () { $('#advice1_3').attr('src', '/resources/img/doctor3.png'); }, function () { // on mouseout, reset the background colour $('#advice1_3').attr('src', '/resources/img/grade3.png'); }); $('#advice4').hover(function () { $('#advice1_4').attr('src', '/resources/img/doctor4.png'); }, function () { // on mouseout, reset the background colour $('#advice1_4').attr('src', '/resources/img/grade4.png'); }); $('#advice5').hover(function () { $('#advice1_5').attr('src', '/resources/img/doctor5.png'); }, function () { // on mouseout, reset the background colour $('#advice1_5').attr('src', '/resources/img/grade5.png'); }); $('#advice6').hover(function () { $('#advice1_6').attr('src', '/resources/img/doctor6.png'); }, function () { // on mouseout, reset the background colour $('#advice1_6').attr('src', '/resources/img/grade6.png'); }); }); </script> <div class="container" id="mobileappmenu" style="padding-top:50px; padding-bottom:25px; border-bottom: 3px dashed #f5f5f5"> <div class="text-center" style="padding-bottom: 25px"> <h3>ГАР УТАСНЫ ПРОГРАМ</h3> </div> <div class="row"> <div class="col-xs-6"> <img style="width:100%; padding-bottom:20px" src="/resources/img/app.png"> </div> <div class="col-xs-6" style="padding-left:50px"> <h3 style="color:#2b8ed4">Agaar.mn</h3> <p style="padding-bottom:10px">Агаарын чанарын мэдээг иргэдэд түгээх гар утасны програм</p> <p><i style="color:#2b8ed4" class="fa fa-check"></i> Агаарын чанарын мэдээ</p> <p><i style="color:#2b8ed4" class="fa fa-check"></i> Мэдээ, мэдээлэл</p> <p><i style="color:#2b8ed4" class="fa fa-check"></i> Зөвлөгөө</p> <p><i style="color:#2b8ed4" class="fa fa-check"></i> Агаар бохирдуулах бодисын тайлбар</p> <p><i style="color:#2b8ed4" class="fa fa-check"></i> Агаарын чанарын индексийн тайлбар</p> <div class="col-xs-5" style="padding-left:0"> <a href="https://itunes.apple.com/us/app/agaar.mn/id911239950?mt=8" target="_blank"> <img style="padding-top: 25px" height="84" src="/resources/img/appStore_button.png"> </a> </div> <div class="col-xs-5" style="padding-left:0"> <a href="https://play.google.com/store/apps/details?id=com.astvision.airquality" target="_blank"> <img style="padding-top: 25px" height="84" src="/resources/img/playStore_button.png"> </a> </div> </div> </div> </div> <div class="container oroltsoo" id="oroltsoomenu" style="margin-top:40px"> <div class="animateblock btm text-center"> <h3 class="titleh3">АГААРЫН БОХИРДЛЫГ БУУРУУЛАХАД ТАНЫ ОРОЛЦОО</h3> </div> <div class="row animateblock btm oroltsooblock"> <div class="col-xs-2 text-center"> <div class="row text-center iconstyle"> <img src="/../files/participation/4.png"> </div> <div class="row oroltsoobox"> <h3 style="height: 40px; overflow: hidden; font-weight:bold">ОРЧНЫ БОХИРДЛЫГ БУУРУУЛАХ ҮНДЭСНИЙ ХОРОО</h3> <p style="height: 110px; overflow: hidden">Орчны Бохирдлыг Бууруулах Үндэсний хороонд ажилтнууд шалгаруулж авна</p> <a href="participation/8" style=""> <p class="oroltsoobutton">Дэлгэрэнгүй</p> </a> </div> </div> <div class="col-xs-2 text-center"> <div class="row text-center iconstyle"> <img src="/../files/participation/4.png"> </div> <div class="row oroltsoobox"> <h3 style="height: 40px; overflow: hidden; font-weight:bold">САЙЖРУУЛСАН ТҮЛШ ҮЙЛДВЭРЛЭГЧ АЖ АХУЙН НЭГЖ</h3> <p style="height: 110px; overflow: hidden">Cайжруулсан түлш үйлдвэрлэгч аж ахуйн нэгжийн анхааралд</p> <a href="participation/7" style=""> <p class="oroltsoobutton">Дэлгэрэнгүй</p> </a> </div> </div> <div class="col-xs-2 text-center"> <div class="row text-center iconstyle"> <img src="/../files/participation/1.png"> </div> <div class="row oroltsoobox"> <h3 style="height: 40px; overflow: hidden; font-weight:bold">ИРГЭН</h3> <p style="height: 110px; overflow: hidden">Агаарын бохирдлыг бууруулахаар төрөөс хэрэгжүүлж буй арга хэмжээнүүдийг дэмжинэ үү! </p> <a href="participation/1" style=""> <p class="oroltsoobutton">Дэлгэрэнгүй</p> </a> </div> </div> <div class="col-xs-2 text-center"> <div class="row text-center iconstyle"> <img src="/../files/participation/3.png"> </div> <div class="row oroltsoobox"> <h3 style="height: 40px; overflow: hidden; font-weight:bold">ОЛОН НИЙТИЙН БАЙГУУЛЛАГА</h3> <p style="height: 110px; overflow: hidden">Агаарын бохирдлыг бууруулахаар төрөөс хэрэгжүүлж буй арга хэмжээнүүдийг дэмжинэ үү!</p> <a href="participation/3" style=""> <p class="oroltsoobutton">Дэлгэрэнгүй</p> </a> </div> </div> <div class="col-xs-2 text-center"> <div class="row text-center iconstyle"> <img src="/../files/participation/2.png"> </div> <div class="row oroltsoobox"> <h3 style="height: 40px; overflow: hidden; font-weight:bold">АЖ АХУЙН НЭГЖ</h3> <p style="height: 110px; overflow: hidden">Агаарын бохирдлыг бууруулахаар төрөөс хэрэгжүүлж буй арга хэмжээнүүдийг дэмжинэ үү!</p> <a href="participation/2" style=""> <p class="oroltsoobutton">Дэлгэрэнгүй</p> </a> </div> </div> <div class="col-xs-2 text-center"> <div class="row text-center iconstyle"> <img src="/../files/participation/6.png"> </div> <div class="row oroltsoobox"> <h3 style="height: 40px; overflow: hidden; font-weight:bold">ОРОН НУТАГ</h3> <p style="height: 110px; overflow: hidden">Агаарын бохирдлыг бууруулахаар төрөөс хэрэгжүүлж буй арга хэмжээнүүдийг дэмжинэ үү!</p> <a href="participation/6" style=""> <p class="oroltsoobutton">Дэлгэрэнгүй</p> </a> </div> </div> </div> </div> <div class="backgroundArea contactUb" id="contactmenu"> <div class="container content"> <div class="row"> <!--***********--> <!--temperature--> <!--***********--> <div class="col-xs-6 animateblock btm ubColumn"> <div class="row ubTitle"> <div class="col-xs-12"> <h3>Улаанбаатар</h3> </div> </div> <div class="row"> <div class="col-xs-3 ub-section" style="padding-right:0px; padding-left:0px; border-right: 1px solid #dcdcdc"> <div class="row"> <div class="col-xs-12 svganimation" style="margin-top:-10px"> <!--Үзэгдэлгүй--> <svg version="1.1" id="sun" class="climacon climacon_sun" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 70 70" enable-background="new 15 15 70 70" xml:space="preserve"> <clipPath id="sunFillClip"> <path d="M0,0v100h100V0H0z M50.001,57.999c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C57.999,54.417,54.418,57.999,50.001,57.999z" /> </clipPath> <g class="climacon_iconWrap climacon_iconWrap-sun"> <g class="climacon_componentWrap climacon_componentWrap-sun"> <g class="climacon_componentWrap climacon_componentWrap-sunSpoke"> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east" d="M72.03,51.999h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S73.136,51.999,72.03,51.999z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast" d="M64.175,38.688c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L64.175,38.688z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north" d="M50.034,34.002c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C52.034,33.106,51.136,34.002,50.034,34.002z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest" d="M35.893,38.688l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C37.94,39.469,36.674,39.469,35.893,38.688z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west" d="M34.034,50c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C33.14,48,34.034,48.896,34.034,50z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-southWest" d="M35.893,61.312c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L35.893,61.312z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-south" d="M50.034,65.998c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C48.034,66.893,48.929,65.998,50.034,65.998z" /> <path class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-southEast" d="M64.175,61.312l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C62.126,60.531,63.392,60.531,64.175,61.312z" /> </g> <g class="climacon_componentWrap climacon_componentWrap_sunBody" clip-path="url(#sunFillClip)"> <circle class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody" cx="50.034" cy="50" r="11.999" /> </g> </g> </g> </svg> </div> </div> <div class="row uzegdel" style="margin-top: 15px;"> <div class="col-xs-12"> <p> Үзэгдэл </p> </div> </div> <div class="row uzegdel-num"> <div class="col-xs-12 ub-number"> <h3>Үүлшинэ</h3> </div> </div> </div> <div class="col-xs-3 ub-section" style="padding-right:0px; border-right: 1px solid #dcdcdc; padding-left:0"> <div class="row"> <div class="col-xs-12 svganimationClock"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve"> <path fill="#1B73AF" d="M35-0.084c-19.22,0-34.801,15.689-34.801,35.043C0.199,54.312,15.78,70,35,70 c19.219,0,34.8-15.688,34.8-35.041C69.801,15.605,54.22-0.084,35-0.084z M35,64.081c-16.012,0-28.991-13.038-28.991-29.124 C6.009,18.875,18.989,5.835,35,5.835c16.009,0,28.991,13.041,28.991,29.123C63.991,51.043,51.01,64.081,35,64.081z"/> <g class="climacon_componentWrap-sun"> <ellipse fill="#F5F5F5" cx="34.6" cy="34.763" rx="30.126" ry="29.227"/> <path fill="#1B73AF" d="M38.219,34.643c0,1.777-1.442,3.22-3.218,3.22l0,0c-1.779,0-3.221-1.442-3.221-3.22v-14.92 c0-1.779,1.441-3.221,3.221-3.221l0,0c1.776,0,3.218,1.442,3.218,3.221V34.643z"/> </g> <path fill="#1B73AF" d="M68.178,34.958c0,1.767-1.433,3.201-3.202,3.201h-6.961c-1.767,0-3.2-1.434-3.2-3.201l0,0 c0-1.767,1.434-3.2,3.2-3.2h6.961C66.745,31.758,68.178,33.191,68.178,34.958L68.178,34.958z"/> <path fill="#1B73AF" d="M15.454,34.958c0,1.767-1.431,3.201-3.199,3.201H5.293c-1.767,0-3.2-1.434-3.2-3.201l0,0 c0-1.767,1.433-3.2,3.2-3.2h6.961C14.022,31.758,15.454,33.191,15.454,34.958L15.454,34.958z"/> <path fill="#1B73AF" d="M35.04,54.343c1.767,0.011,3.189,1.451,3.179,3.219l-0.039,6.96c-0.011,1.768-1.453,3.191-3.22,3.183l0,0 c-1.768-0.013-3.19-1.45-3.18-3.22l0.042-6.962C31.832,55.756,33.273,54.33,35.04,54.343L35.04,54.343z"/> <path fill="#1B73AF" d="M35.04,2.022c1.767,0.009,3.189,1.45,3.179,3.218l-0.039,6.958c-0.011,1.77-1.453,3.193-3.22,3.183l0,0 c-1.768-0.011-3.19-1.45-3.18-3.219l0.042-6.96C31.832,3.434,33.273,2.011,35.04,2.022L35.04,2.022z"/> <path fill="#1B73AF" d="M32.175,34.958c0,1.678,1.361,3.04,3.04,3.04h9.04c1.681,0,3.04-1.361,3.04-3.04l0,0 c0-1.679-1.359-3.041-3.04-3.041h-9.04C33.536,31.917,32.175,33.278,32.175,34.958L32.175,34.958z"/> </svg> </div> </div> <div class="row uzegdel"> <div class="col-xs-12" style="text-align: center"> <p> Шинэчлэгдсэн </p> </div> </div> <div class="row uzegdel-num"> <div class="col-xs-12 ub-number"> <h3>2025-01-03 14:00</h3> </div> </div> </div> <div class="col-xs-3 ub-section" style="padding-right:0px; border-right: 1px solid #dcdcdc; padding-left:0"> <div class="row"> <div class="col-xs-12 svganimationTemp"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve"> <rect fill="#F5F5F5" width="70" height="70"/> <path fill="#1B73AF" d="M45.218,39.276V9.68c0-5.297-4.292-9.59-9.589-9.59c-5.295,0-9.591,4.293-9.591,9.59v29.598 c-4.391,3.042-7.271,8.111-7.271,13.859C18.768,62.452,26.315,70,35.629,70c9.313,0,16.863-7.548,16.863-16.862 C52.492,47.39,49.61,42.32,45.218,39.276z"/> <circle fill="#F5F5F5" cx="35.629" cy="52.568" r="10.628"/> <g class="climacon_componentWrap-temp"> <path fill="#F5F5F5" d="M39.466,12.962c0,0.479,0,32.446,0,32.446h-7.673V16.159c0,0,0-3.197,2.878-3.197 C37.547,12.962,39.466,12.962,39.466,12.962z"/> </g> </svg> </div> </div> <div class="row uzegdel"> <div class="col-xs-12"> <p> Температур </p> </div> </div> <div class="row uzegdel-num"> <div class="col-xs-12 ub-number"> <h3>-13 °C</h3> </div> </div> </div> <div class="col-xs-3 ub-section" style="padding-right:0px; padding-left:0"> <div class="row"> <div class="col-xs-12 svganimationFan"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve"> <rect fill="#F5F5F5" width="70" height="70"/> <g class="climacon_componentWrap-sun"> <g> <circle fill="#F5F5F5" cx="35" cy="28.557" r="28.453"/> <path fill="#1B73AF" d="M35,0.392c-2.308,0-4.216,23.233-4.216,23.233C32.693,21.875,35,22.033,35,22.033s2.307-0.158,4.216,1.592 C39.216,23.625,37.308,0.392,35,0.392z"/> <path fill="#1B73AF" d="M59.738,42.565c1.142-2.008-18.113-15.148-18.113-15.148c0.576,2.524-0.701,4.451-0.701,4.451 s-1.003,2.084-3.466,2.88C37.458,34.749,58.599,44.57,59.738,42.565z"/> <path fill="#1B73AF" d="M10.375,42.545c-1.143-2.007,18.113-15.147,18.113-15.147c-0.577,2.524,0.701,4.451,0.701,4.451 s1.002,2.084,3.466,2.88C32.654,34.728,11.514,44.549,10.375,42.545z"/> <circle fill="#1B74B0" cx="34.881" cy="28.558" r="4.475"/> </g> </g> <path fill="#1B73AF" d="M37.107,34.728c0,0-0.954,0.398-2.227,0.398c-1.273,0-2.227-0.398-2.227-0.398l-2.229,33.076 c1.552,2.268,4.456,2.089,4.456,2.089s2.904,0.179,4.455-2.089L37.107,34.728z"/> </svg> </div> </div> <div class="row uzegdel"> <div class="col-xs-12"> <p> Салхи </p> </div> </div> <div class="row uzegdel-num"> <div class="col-xs-12 ub-number"> <h3>2 м/с</h3> </div> </div> </div> </div> </div> <!--************--> <!--ХОЛБОО БАРИХ--> <!--************--> <div class="col-xs-6 animateblock btm contactArea"> <div class="row"> <div class="col-xs-12"> <h3>ХОЛБОО БАРИХ</h3> </div> </div> <div class="row contactBody"> <div class="col-xs-12"> <div class="panel-body" style="background:#f5f5f5"> <form class="validate-form"> <fieldset style="background:#f5f5f5"> <section> <label class="input"> <input type="text" placeholder="Хэнээс" data-rule-required="true" id="contact_name"> <b class="tooltip tooltip-bottom-right">Шаардлагатай</b> </label> </section> <div class="row" style="padding-left: 0px; padding-right: 0px"> <section class="col col-name"> <label class="input"> <input type="text" placeholder="И-мэйл" data-rule-required="true" id="contact_email"> <b class="tooltip tooltip-bottom-right">Шаардлагатай</b> </label> </section> <section class="col col-name"> <label class="input"> <input type="text" placeholder="Утас" data-rule-required="true" id="contact_phone"> <b class="tooltip tooltip-bottom-right">Шаардлагатай</b> </label> </section> </div> <section> <label class="input textarea"> <textarea row="4" placeholder="Агуулга" data-rule-required="true" id="contact_comment"></textarea> <b class="tooltip tooltip-bottom-right" row="4">Шаардлагатай</b> </label> </section> <div class="row contactButton noPadding"> <div class="col-xs-6 text-left" style="padding-left:0"> <a href="http://11-11.mn/"><img src="/resources/img/11.png"></a> </div> <div class="col-xs-6 text-right" style="padding-right:0"> <div class="btn-group"> <button type="submit" class="button" id="btn_contact_submit">Илгээх</button> </div> </div> </div> </fieldset> </form> </div> </div> </div> </div> <script type="text/javascript"> function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function isPhone(phone) { var regex = /^([0-9]{6,8})+$/; return regex.test(phone); } $(function () { $("#btn_contact_submit").click(function (e) { e.preventDefault(); // validate var fullname = $("#contact_name").val(); var email = $("#contact_email").val(); var phone = $("#contact_phone").val(); var message = $("#contact_comment").val(); if (fullname === "") { bootbox.alert("Та нэрээ бичнэ үү"); } else if (email === "" || !isEmail(email)) { bootbox.alert("Та мэйл хаягаа зөв бичнэ үү"); } else if (phone === "" || !isPhone(phone)) { bootbox.alert("Та утсаа зөв бичнэ үү"); } else if (message === "") { bootbox.alert("Та агуулгаа бичнэ үү"); } else { // send by ajax $.ajax({ type: "POST", url: "/api/contact/send", data: { fullname: fullname, email: email, phone: phone, message: message }, success: function(result) { if (result) { $("#contact_name").val(""); $("#contact_email").val(""); $("#contact_phone").val(""); $("#contact_comment").val(""); bootbox.alert("Таны саналыг авлаа."); } else { bootbox.alert("Алдаа гарлаа, та дараа дахин илгээнэ үү."); } }, error: function(result, status, error) { bootbox.alert("Алдаа гарлаа, та дараа дахин илгээнэ үү."); } }); } }); }); </script> </div> </div> </div> <!--******--> <!--Footer--> <!--******--> <div> <section class="navbar navbar1 navbar-inverse navbar-bottom"> <div class="container"> <div class="row"> <div class="col-xs-2 height-logo footerMainLogo"> <img class="footerLogo" style="height:82px; width:100px" src="/resources/img/footer-logo.png"> </div> <!--************--> <!--Холбоо бариx--> <!--************--> <div class="col-xs-4 contactBottom2 footerContact"> <h3> Холбоо бариx </h3> <div class="row"> <div class="col-xs-12 contctInfo"> <p> Байгаль орчин, аялал жуулчлалын яам </p> </div> </div> <div class="row"> <div class="col-xs-12 contctInfo"> <p class="footerStyle"> Хаяг : Улаанбаатар 15160, Чингэлтэй дүүрэг, Нэгдсэн үндэстний гудамж 5/2, Засгийн газрын II байр </p> </div> </div> <div class="row"> <div class="col-xs-12 contctInfo"> <p> Утас: (+976-51) 261966 </p> </div> </div> <!--<div class="row"> <div class="col-xs-12 contctInfo"> <p> Факс: (+976-51) 326611 </p> </div> </div>--> <div class="row"> <div class="col-xs-12 contctInfo"> <p> Имэйл: info@mne.gov.mn </p> </div> </div> <div class="row"> <div class="col-xs-12 contctInfo"> <p> Вэб сайт: www.mne.mn </p> </div> </div> </div> <!--*******--> <!--Хандалт--> <!--*******--> <div class="col-xs-2 contactBottom3 footerVisit"> <h3> Хандалт </h3> <div class="row"> <div class="col-xs-12 feedBack"> <p> Өнөөдөр: <span class="countVisitors">221</span> </p> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <p> Энэ сард: <span class="countVisitors">0</span> </p> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <p> Нийт: <span class="countVisitors">407336</span> </p> </div> </div> <div class="row"> <div class="col-xs-12"> <img src="/resources/img/logo-ga.png" width="130"> </div> </div> </div> <!--**********--> <!--Үндсэн цэс--> <!--**********--> <div class="col-xs-4 contactBottom1 footerMenu"> <h3> Үндсэн цэс </h3> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/index">Нүүр хуудас</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/article/news">Мэдээ, мэдээлэл</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/article/advice">Зөвлөгөө</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/article/legal">Хууль эрх зүй</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/article/statistic">Статистик</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/partner/list">Хамтран ажилладаг байгууллагууд</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/static/video">Видео</a> </div> </div> <div class="row"> <div class="col-xs-12 feedBack"> <a href="/stove/checkinfo">Зуух авсанаа шалгах</a> </div> </div> <!--<div class="row"> <div class="col-md-12 feedBack"> <li class="footerDrop" style="list-style-type: none;"><a>Хамтран ажиллагч байгууллагууд</a> <ul> <li> <a href="#">1</a></li> <li> <a href="#">2</a></li> <li> <a href="#">3</a></li> <li> <a href="#">4</a></li> </ul> </li> </div> </div>--> </div> </div> </div> </section> <!--*************--> <!--Social footer--> <!--*************--> <div class="bg-top-footer"> <div class="container"> <div class="row"> <div class="col-xs-6 text-left copyRight"> <!-- Social icons <a href="https://www.facebook.com/AirQualityMongolia" style="text-decoration: none;"> <img src="/resources/img/facebook.png"> </a> <a href="https://twitter.com/ncrap_mn" style="text-decoration: none;"> <img src="/resources/img/twitter.png"> </a> <a href="https://www.youtube.com/user/ncrapMongolia" style="text-decoration: none;"> <img src="/resources/img/youtube.png"> </a>--> <p> Байгаль орчин, аялал жуулчлалын яам © 2025 </p> </div> <div class="col-xs-6 text-right"> <a href="http://www.astvision.mn/" target="_blank"> <img style="margin-top:12px" src="/resources/img/astvision_logo1.svg"> </a> </div> </div> </div> </div> <!--Scroll back to top button--> <div class="scrollTop"> <a href="#top-nav" class="top"><i class="fa fa-angle-double-up fa-2x"></i></a> </div> </div> <script type="text/javascript"> $(function() { $(window).scroll(function() { var windowScroll = $(window).scrollTop(); if (windowScroll > 290) { $('.top').fadeIn(); } else { $('.top').fadeOut(); } }); $('.top').click(function() { $('html,body').animate({scrollTop: $('html').offset().top}); return false; }); }); </script> </div> <!--used for right side scroll menu--> <script type="text/javascript" src="/resources/js/analytic.js"></script> <script type="text/javascript" src="/resources/js/mainscroll.js"></script> <script type="text/javascript" src="/resources/js/main.js"></script> <script type="text/javascript" src="/resources/js/classie.js"></script> <script type="text/javascript" src="/resources/js/bootstrap.js"></script> <script type="text/javascript" src="/resources/js/mobile.js"></script> <script type="text/javascript" src="/resources/js/viewportchecker.js"></script> <script type="text/javascript" src="/resources/js/jquery.zlayer.full.js"></script> <script type="text/javascript" src="/resources/js/default.js"></script> <script type="text/javascript" src="/resources/js/parallaxSlide.js"></script> <script type="text/javascript" src="/resources/js/modernizr.js"></script> <script type="text/javascript" src="/resources/js/coverScroll.js"></script> <script type="text/javascript" src="/resources/js/backtoTop.js"></script> <script type="text/javascript" src="/resources/js/scrollAnimation.js"></script> <!-- map --> <script type="text/javascript" src="/resources/js/highcharts/highcharts.js"></script> <script type="text/javascript" src="/resources/js/map/chart.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCMlekpBlMKraZVf5mXBXbWZ7o8fMkqho0"></script> <script type="text/javascript" src="/resources/js/map/markerwithlabel.js"></script> <script type="text/javascript" src="/resources/js/lightbox.js"></script> <!-- bootbox --> <script type="text/javascript" src="/resources/manage/js/plugins/bootbox/bootbox.min.js"></script> <script type="text/javascript"> $(function () { $(document).on("scroll", onScroll); //smoothscroll $('a[href^="#"]').on('click', function (e) { e.preventDefault(); $(document).off("scroll"); $('a').each(function () { $(this).removeClass('activeSection'); }); $(this).addClass('activeSection'); var target = this.hash; var menu = target; $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top - 100 }, 500, 'swing', function () { window.location.hash = target; $(document).on("scroll", onScroll); }); }); }); function onScroll(event) { var scrollPos = $(document).scrollTop(); $('.front-pagination a').each(function () { var currLink = $(this); var refElement = $(currLink.attr("href")); if (refElement.position().top - 200 <= scrollPos && refElement.position().top + refElement.height() > scrollPos) { $('.front-pagination ul li a').removeClass("activeSection"); currLink.addClass("activeSection"); } else { currLink.removeClass("activeSection"); } }); } </script> </body> </html>