CINXE.COM
Communications and Institutional Research Office | City University of Hong Kong
<!DOCTYPE html> <html lang="en"> <head> <base href="/ciro/"> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Open Graph protocol --> <meta property="og:title" content="Communications and Institutional Research Office | City University of Hong Kong" > <meta property="og:type" content="website" > <meta property="og:image" content="//www.cityu.edu.hk/ciro/ciro-screen.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image" content="//www.cityu.edu.hk/ciro/ciro-screen.png"> <meta property="og:image:width" content="600"> <meta property="og:image:height" content="315"> <link rel="image_src" href="//www.cityu.edu.hk/ciro/ciro-screen.png"> <meta property="og:url" content="https://www.cityu.edu.hk/ciro/"> <meta property="og:description" content="Communications and Institutional Research Office" > <!-- /Open Graph protocol --> <!-- Preconnect --> <link rel="preconnect" href="//template.cityu.edu.hk/"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- Required CSS --> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/cityu.base.css"> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/fontawesome/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap" rel="stylesheet"> <!-- Optional CSS --> <link rel="preload" href="//template.cityu.edu.hk/template/v2/css/aos/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/aos/aos.css"> </noscript> <link rel="preload" href="//template.cityu.edu.hk/template/v2/css/animate.css/animate.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/animate.css/animate.min.css"> </noscript> <!-- Place your custom CSS here --> <link rel="stylesheet" href="css/ciro.min.css" crossorigin="anonymous" > <link rel="stylesheet" href="css/ciro-print.min.css" media="print" crossorigin="anonymous" > <!-- favicon --> <link rel="apple-touch-icon" sizes="180x180" href="/ciro/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/ciro/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/ciro/favicon-16x16.png"> <!--<link rel="manifest" href="/cityu30th/site.webmanifest">--> <link rel="mask-icon" href="/ciro/safari-pinned-tab.svg" color="#e26f2c"> <link rel="shortcut icon" href="/ciro/favicon.ico"> <meta name="msapplication-TileColor" content="#ffc40d"> <meta name="msapplication-config" content="/ciro/browserconfig.xml"> <meta name="theme-color" content="#6B203E"> <title>Communications and Institutional Research Office | City University of Hong Kong</title> <meta name="author" content="City University of Hong Kong"> <meta name="description" content=""> <meta name="keywords" content="City University of Hong Kong, City University, CityU, CityUHK"> <meta name="robots" content="index, follow"> <style> #vc-video-banner { position: relative; background-image: url(/CIRO/img/bg-CIRO3-full.jpg); background-repeat: repeat-x; background-position: center top; background-size: 100% 100%; } /* .vc-video-banner-left { display: block; position: absolute; width: 100%; height: 100%; background-image: url(/CIRO/Visitor-Centre/img/vc-video-bg-left.png), url(/CIRO/Visitor-Centre/img/vc-video-bg-right.png); background-repeat: no-repeat, no-repeat; background-position: left bottom, right top; background-size: auto 35%, auto 60%; z-index: 30; } */ #vc-video-banner video { height: 26vh; display: block; margin-left: auto; margin-right: auto; /* object-fit: fill; */ object-fit: cover !important; -o-object-fit: cover !important; } .vc-video-box { display: block; line-height: 0 !important; padding: 0 !important; width: 100%; } @media (min-width: 768px) { #vc-video-banner video { height: 350px; } .vc-video-banner-left { background-size: auto 40%, auto 70%; } } @media (min-width: 992px) { #vc-video-banner video { height: 460px; } .vc-video-banner-left { background-size: auto 40%, auto 70%; } } @media (min-width: 1200px) { #vc-video-banner video { height: 480px; } .vc-video-banner-left { background-size: auto 50%, auto 80%; } } @media (min-width: 1400px) { #vc-video-banner video { max-width: 95%; height: 100%; } .vc-video-banner-left { background-size: auto 50%, auto 80%; } } @media (min-width: 1600px) { #vc-video-banner video { max-width: 1900px; max-height: 650px; } .vc-video-banner-left { background-size: auto 50%, auto 90%; } } @media (min-width: 2599.98px) { .vc-video-banner-left { background-size: auto 70%, auto 90%; } } </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GE52QNXJVS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GE52QNXJVS'); </script> </head> <body class="cityu-template-2 cityu-template-2-1 cityu-base-layout cityu-base-style"> <!-- Header --> <header class="cityu-header header-color-default"> <div class="cityu-header-inner container"> <!-- Header : Large screen --> <div class="cityu-header-lg d-none d-lg-block"> <div class="d-flex flex-row"> <!-- Department logo only --> <div class="cityu-header-logo-lg align-self-center"> <a href="."> <img src="//template.cityu.edu.hk/template/logo/ciro/ciro_logo_eng_cmyk.svg" alt="Communications and Institutional Research Office"> </a> </div> <!-- Tools --> <div class="cityu-tools ml-auto align-self-start flex-row d-none d-lg-flex"> <div class="d-flex"> <div class="dropdown me-1"> <button type="button" class="btn btn-outline-light dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-bs-offset="10,20"> <i class="text-dark text-opacity-50 fa-solid fa-language fa-xl pe-2"></i> <i class="text-dark text-opacity-50 fa-solid fa-globe"></i> </button> <ul id="lang-switch" class="dropdown-menu"> <li><a class="dropdown-item text-center fs-6 text-500 active" id="lang-en" href="/" >ENG</a></li> <li><a class="dropdown-item text-center fs-6 text-tc text-500" id="lang-tc" href="/" >繁</a></li> <li><a class="dropdown-item text-center fs-6 text-sc text-500" id="lang-sc" href="/" >简</a></li> </ul> </div> </div> </div><!-- /Tools --> </div> </div> <!-- Header : Small screen --> <div class="cityu-header-md d-lg-none"> <div class="d-flex flex-row"> <!-- Logo and title --> <div class="cityu-header-logo-md align-self-center"> <a href="https://www.cityu.edu.hk" rel="noopener" target="_blank"> <img src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Mini_Logo.svg" alt="City University of Hong Kong"> </a> </div> <div class="cityu-header-name-md align-self-center"> <a href="."> Communications and <span class="ef-nowrap">Institutional Research Office</span> </a> </div> </div> </div> </div> </header> <!-- Menu --> <nav class="cityu-menu menu-color-default navbar navbar-expand-lg sticky-top d-print-none"> <div class="cityu-menu-inner container"> <!-- Toggler icon --> <button class="navbar-toggler" type="button" data-toggle="offcanvas" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="cityu-menu-button fa fa-bars" aria-hidden="true"></i> </button> <!-- Menu list --> <div class="cityu-menu-list cityu-menu-offcanvas navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <!-- Menu item (Home) --> <li class="nav-item cityu-menu-home d-none d-lg-block"> <a class="nav-link cityu-menu-home-icon" aria-label="Home" href="./"><i class="fas fa-home"></i></a> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us</a> <ul class="dropdown-menu" > <li><a class="dropdown-item" href="#Vision">Vision and Mission</a></li> <li><a class="dropdown-item" href="Staff-list.htm">People</a></li> <!--<li><a class="dropdown-item" href="team.htm">Team</a></li>--> <li><a class="dropdown-item" href="Contact-Us.htm">Contact Us</a></li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">CityUHK Brand</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="/ciro/CityU-brand/index.htm">About the Brand</a> </li> <li> <a class="dropdown-item" href="/ciro/corporate-identity-approval/index.htm">Corporate Identity Approval</a> </li> <li> <a class="dropdown-item" href="/ciro/CityU-brand/index.htm#Corporate-Identity-Materials"><i class="fa-solid fa-angles-right pe-1"></i> Corporate Identity Materials</a> </li> <li class="d-none"> <a class="dropdown-item" href="/ciro/CityU-brand/index.htm#Corporate-Video"><i class="fa-solid fa-angles-right pe-1"></i> Corporate Video</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">University <span class="ef-nowrap"> Communications</span></a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="Multilingual-Publications/index.htm">Publications</a> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Topical Websites</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <li> <a class="dropdown-item" href="CityU_Heroes/" target="_blank" rel="noopener">CityUHK Heroes</a> </li> </ul> </li> <li> <a class="dropdown-item" href="Video-Wall/">Video Wall / TV Panel</a> </li> <li> <a class="dropdown-item" href="Photo-Album/">CityUHK Photo Album</a> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Internal Communications</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <!-- <li> <a class="dropdown-item" href="Bulletin/" target="_blank" rel="noopener">Bulletin</a> </li> --> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/cpro/eportal/publication/online_newbulletin.html" target="_blank" rel="noopener">Bulletin</a> </li> <li> <a class="dropdown-item" href="Glossary/" >Glossary of Terms</a> </li> </ul> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Public Accountability <br class="d-none d-lg-block d-xl-none">and Rankings</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item ext-link" href="https://www.cityu.edu.hk/fnf/" target="_blank" rel="noopener">CityUHK Facts & Figures</a> </li> <li> <a class="dropdown-item" href="Government-Reporting/">Government Reporting</a> </li> <li> <a class="dropdown-item ext-link" href="https://www.cityu.edu.hk/isurvey" target="_blank" rel="noopener">Integrated Survey System</a> </li> <li> <a class="dropdown-item" href="Worldwide-Achievements/">Worldwide Achievements</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Media</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/media/press-release" target="_blank" rel="noopener">Press Releases</a> </li> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/media/news" target="_blank" rel="noopener">CityUHK Newscentre</a> </li> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/" target="_blank" rel="noopener">CityUHK Scholars</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Gift Shop</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="/ciro/GiftShop/">Gift Shop</a> </li> <!-- <li> <a class="dropdown-item" href="/ciro/GiftShop/Souvenirs/">CityUHK Souvenirs</a> </li> --> <li> <a class="dropdown-item" href="/ciro/stafflan/GiftShop/GiftShop_SettlementForm.pdf" target="_blank" rel="noopener"><i class="fa-solid fa-angles-right pe-1"></i> CityUHK Souvenirs Settlement Form <span class="ef-nowrap"> (For CityUHK Staff only)</span></a> </li> <li> <a class="dropdown-item" href="/ciro/GiftShop/Product-Catalogue/" target="_blank" rel="noopener">Product Catalogue</a> </li> <!-- <li> <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#milkModal" href="#milkModal" target="_blank" rel="noopener">Milk Product Counter</a> </li> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/cpro/eportal/stafflan/MilkProCtr_setform_202306.pdf" target="_blank" rel="noopener"><i class="fa-solid fa-angles-right pe-1"></i> Milk Product Settlement Form <span class="ef-nowrap"> (For CityUHK Staff only)</span></a> </li> --> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Social Media</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="https://www.facebook.com/cityuniversityhongkong/" target="_blank" rel="noopener"> <i class="fa-brands fa-square-facebook pe-2"></i>Facebook </a> </li> <li> <a class="dropdown-item" href="https://www.instagram.com/cityuhongkong/" target="_blank" rel="noopener"> <i class="fa-brands fa-instagram pe-2"></i>Instagram </a> </li> <li> <a class="dropdown-item" href="https://www.youtube.com/user/CityUHongKong" target="_blank" rel="noopener"> <i class="fa-brands fa-youtube pe-2"></i>Youtube </a> </li> <li> <a class="dropdown-item" href="https://www.linkedin.com/school/cityu/" target="_blank" rel="noopener"> <i class="fa-brands fa-linkedin pe-2"></i>Linkedin </a> </li> <li> <a class="dropdown-item" href="https://twitter.com/CityUHongKong" target="_blank" rel="noopener"> <i class="fa-brands fa-square-x-twitter pe-2"></i>X </a> </li> <li> <a class="dropdown-item" href="https://www.weibo.com/cityuhongkong?is_hot=1" target="_blank" rel="noopener"> <i class="fa-brands fa-weibo pe-2"></i>Weibo </a> </li> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/sites/g/files/asqsls3821/files/CityU_wechat_QR_Code.jpg" target="_blank" rel="noopener"> <i class="fa-brands fa-weixin pe-2"></i>WeChat </a> </li> <li> <a class="dropdown-item" href="https://www.xiaohongshu.com/user/profile/5caabb420000000016015748?xhsshare=CopyLink&appuid=631ebfe3000000002303b7d3&apptime=1695011584" target="_blank" rel="noopener"> <i class="fa-solid fa-square pe-2 d-none"></i><img src="img/xiaohongshu.svg" class="icon-xiaohongshu" alt="xiaohongshu"> Xiaohongshu </a> </li> </ul> </li> <!-- <li class="nav-item"> <a class="nav-link" href="social-media.htm"> Social <br> Media </a> </li>--> </ul> <!-- Lang switcher : Small screen --> <div id="mobile-lang" class="container d-block d-lg-none"> <div class="row justify-content-center"> <div class="col-3 p-0 pe-1"> <a id="lang-en2" href="/" class="btn btn-light w-100 p-2">Eng</a> </div> <div class="col-3 p-0 ps-1"> <a id="lang-tc2" href="/" class="btn btn-light w-100 p-2"><span class="text-tc text-500">繁</span></a> </div> <div class="col-3 p-0 ps-1"> <a id="lang-sc2" href="/" class="btn btn-light w-100 p-2"><span class="text-sc text-500">简</span></a> </div> </div> </div> </div> </div> </nav> <!-- Banner --> <div id="vc-video-banner" class="container-fluid g-0"> <div class="vc-video-banner-left clearfix"></div> <video autoplay muted loop playsinline id="myVideo" class="vc-video-box"> <source src="/ciro/img/bg-CIRO.webm" type="video/webm"> <source src="/ciro/img/bg-CIRO.mp4" type="video/mp4"> </video> </div> <!-- /Banner --> <!-- Main --> <main class="cityu-main pt-3"> <div class="container"> <div class="row justify-content-center"> <!-- Content --> <div class="col-12 col-md-11"> <div class="cityu-content content-color-default"> <h1 id="Vision" data-aos="fade-down">Vision and Mission</h1> <h2 data-aos="fade-down">Vision</h2> <p data-aos="fade-down"> To develop and protect CityUHK's reputation, image, and brand on a local, regional, and global scale by exemplifying excellence in communications and delivering comprehensive institutional data. </p> <h2 data-aos="fade-down">Mission</h2> <p data-aos="fade-down"> We collaborate closely with the senior leadership team and the whole CityUHK community, nurturing alliances locally and globally to share CityUHK’s learning and research achievements. We communicate the university’s mission to engage, inspire, lead and innovate into the future. Our proactive multi-media, multi-disciplined approach combines a highly strategic focus on internal communications, media relations, events and branding with our in-demand expertise in providing dynamic institutional data for internal and external stakeholders. </p> </div> </div> </div><!-- /row --> </div> </main> <!-- Sitemap --> <nav class="cityu-sitemap sitemap-color-default d-none d-lg-block"> <div class="cityu-sitemap-inner container"> <!-- Sitemap list --> <div class="cityu-sitemap-list"> <ul class="d-flex flex-row flex-wrap justify-content-start"> <!-- Auto generated when <ul> is empty --> </ul> </div> </div> </nav> <!-- Footer --> <footer class="cityu-footer footer-color-default d-print-none"> <div class="cityu-footer-inner container"> <!-- Bottom --> <div class="cityu-footer-bottom d-flex flex-row justify-content-between"> <!-- Info --> <div class="cityu-footer-info align-self-center"> <!-- Links --> <div class="social-icons pb-2" data-aos="fade-down" data-aos-delay="200"> <a href="https://www.facebook.com/cityuniversityhongkong/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a> <a href="https://www.instagram.com/cityuhongkong/" target="_blank"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.youtube.com/user/CityUHongKong" target="_blank"><i class="fa-brands fa-youtube"></i></a> <a href="https://www.linkedin.com/school/cityu/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a> <a href="https://twitter.com/CityUHongKong" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.weibo.com/cityuhongkong?is_hot=1" target="_blank"><i class="fa-brands fa-weibo"></i></a> <a href="https://www.cityu.edu.hk/sites/g/files/asqsls3821/files/CityU_wechat_QR_Code.jpg" target="_blank"><i class="fa-brands fa-weixin"></i></a> <a href="https://www.xiaohongshu.com/user/profile/5caabb420000000016015748?xhsshare=CopyLink&appuid=631ebfe3000000002303b7d3&apptime=1695011584" target="_blank"> <img src="img/xiaohongshu.svg" class="icon-xiaohongshu" alt="xiaohongshu"> </a> </div> <div class="cityu-footer-links"> <a href="https://www.cityu.edu.hk/web/privacy" rel="noopener" target="_blank">Privacy Policy</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/web/copyright" rel="noopener" target="_blank">Copyright</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/web/disclaimer" rel="noopener" target="_blank">Disclaimer</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/web/accessibility" rel="noopener" target="_blank">Accessibility</a> <span class="mx-1">·</span> <a href="Contact-Us.htm" class="ef-nowrap">Contact Us</a> </div> <!-- Copyright --> <div class="cityu-footer-copyright"> © City University of Hong Kong. All Rights Reserved. </div> </div> <!-- Logo --> <div class="cityu-footer-logo align-self-end d-none d-sm-block"> <a href="https://www.cityu.edu.hk" rel="noopener" target="_blank"> <img loading="lazy" src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Vertical_Logo_Reverse.svg" alt="City University of Hong Kong"> </a> </div> </div> </div> </footer> <!-- Required config file --> <script src="js/cityu.config.js"></script> <!-- Required scripts --> <script src="//template.cityu.edu.hk/template/v2/js/jquery/jquery.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/popper.js/popper.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/bootstrap/bootstrap.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/cityu.base.js"></script> <!-- Optional scripts --> <script async src="//template.cityu.edu.hk/template/v2/js/aos/aos.js"></script> <!-- Place you custom scripts here --> <script src="js/custom.js"></script> <!-- <script> $(function() { AOS.init(); }); </script> --> </body> </html>