<!doctype html>
<html lang="en" transformed="google;v=3">

<head>
  <meta charset="utf-8">
  <title>
    <!--@TITLE@-->
  </title>
  <meta name="description" content="<!--@DESCRIPTION@-->">
  <!--@Meta_Robots@-->
  <meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
  <!--@Meta-Ezoic-NoAds@-->

  <link rel="canonical" href="<!--@CANONICAL@-->">
  <link rel="preconnect" href="https://data.chinahighlights.com">
  <link rel="preconnect" href="https://images.chinahighlights.com">
  <link rel="dns-prefetch" href="https://data.chinahighlights.com">
  <link rel="dns-prefetch" href="https://images.chinahighlights.com">
  <link rel="dns-prefetch" href="https:/www.googletagmanager.com">
  <link rel="dns-prefetch" href="https://www.googleadservices.com">
  <link rel="dns-prefetch" href="https://www.google-analytics.com">
  <link rel="shortcut icon" href="https://data.chinahighlights.com/favicon.ico">
  <!--@MAIN-CSS@-->
  <!--@ADDON-CSS@-->
  <!--@CHINA-TRAINS-CSS@-->
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-T75N4LL');</script>
  <!-- End Google Tag Manager -->

  <!-- Hotjar Tracking Code for https://www.chinahighlights.com/ 
  <script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:3723372,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
-->
</head>

<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T75N4LL" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <!--头部导航-->
  <header class="headerbar" id="header">
    <div role="button" class="topnavibutton">
      <img src="https://data.chinahighlights.com/image/tour-detail/icon/top-navigation-menu-button.jpg"
        class="navimenu topnaviarrowdown action--open" width="26px" height="25px"
        style="position: relative; left: 10px; top: 12px; z-index: 9;" alt="menu button" title="navigation button">
      <a href="/" style="width: 100%;
    display: inline-block;
    position: relative;
    top: -30px;"> <img src="https://data.chinahighlights.com/pic/logo/china-highlights-top-navigation-logo.png"
          width="255" height="64" alt="chinahighlights logo" class="chinahighlightslogo img-responsive"></a>
      <div class="topnavitailor">
        <a href="/contactus/?product_code=" class="infocustomize">Contact</a>
      </div>
    </div>
  </header>

  <!--总-->

  <nav id="ml-menu" class="menu">

    <div class="siteSearch">
      <form id="searchbox_001281624266240652297:cl1fy1cxepi" name="googlesreach"
        action="https://www.chinahighlights.com/search-result/">
        <input type="hidden" value="001281624266240652297:cl1fy1cxepi" name="cx">
        <input type="hidden" value="FORID:9" name="cof">
        <input type="text" onfocus="this.value = ''" class="strkeys" placeholder="Search China Highlights" name="q">
        <input type="image" class="submits"
          src="https://data.chinahighlights.com/pic/pc-top-navigation-web-search-bg.png" alt="site search button" title="site search button">
      </form>
    </div>
    <button class="action action--close" aria-label="Close Menu"><svg class="icon icon--cross" id="close"
        aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52"
        style="width: 20px;height: 20px;">
        <g stroke-width="6" stroke="#202020">
          <line x1="26" x2="4" y1="26" y2="4"></line>
          <line x1="26" x2="48" y2="4" y1="26"></line>
          <line x1="26" x2="2" y1="26" y2="48"></line>
          <line x1="26" x2="48" y1="26" y2="48"></line>
        </g>
      </svg></button>
    <div class="menu__wrap">
      <ul data-menu="main" class="menu__level" tabindex="-1" role="menu" aria-label="All">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/">Home</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-1" aria-owns="submenu-1"
            href="/tour/">China Tours</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-2" aria-owns="submenu-2"
            href="/citytour/">Destinations</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/">China Travel Guide</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-8"
            aria-owns="submenu-8">Itinerary ideas</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-9" aria-owns="submenu-9">Plan
            a Trip</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-10"
            aria-owns="submenu-10">Guide by Month</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-4" aria-owns="submenu-4"
            href="#">Chinese Culture</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-5" aria-owns="submenu-5"
            href="#" href="/china-trains/">Trains</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-6" aria-owns="submenu-6"
            href="#">Day Tours</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-7" aria-owns="submenu-7"
            href="#">Asia Tours</a></li>
        <li class="menu__item" role="menuitem"><a href="/aboutus/" class="menu__link">About us</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/reviews.htm">Reviews</a></li>
      </ul>

      <ul data-menu="submenu-1" id="submenu-1" class="menu__level" tabindex="-1" role="menu" aria-label="China-Tours">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/">China Tours</a></li>
        <li class="menu__item" role="menuitem"><a href="/tour/top-china-tours/" class="menu__link">Top 10 Tours</a></li>
                                    <li class="menu__item" role="menuitem"><a href="/tour/hassle-free-china-visas.htm" class="menu__link">Visa-Free Tours</a></li>
                                    <li class="menu__item" role="menuitem"><a href="/tour/china-panda-tours/"
                                    class="menu__link">Panda Tours</a></li>
                                        <li class="menu__item" role="menuitem"><a href="/tour/family-tours/"
                                        class="menu__link">Family
                                            Tours</a></li>
                                            <li class="menu__item" role="menuitem"><a href="/tour/silk-road-tours/"
                                            class="menu__link">Silk Road Tours</a></li>
                                                <li class="start-nav-item start-nav-item-last"><a href="/greatwall/tours/"
                                                class="menu__link">Great Wall of China Tours</a></li>
                                                    <li class="start-nav-item start-nav-item-last"><a href="/tour/china-nature-tours/"
                                                    class="menu__link">Nature Tours</a></li>
                                                        <li class="menu__item" role="menuitem"><a href="/tour/winter-vacation/"
                                                        class="menu__link">China Winter Tours</a></li>
                                                            <li class="menu__item" role="menuitem"><a href="/yangtzecruise/"
                                                            class="menu__link">Yangtze River Cruise</a></li>
                                <li class="menu__item" role="menuitem"><a href="/tour/expats-tours.htm"
                                class="menu__link">China Expats Tours</a></li>
      </ul>
      <!-- Destinations -->
      <ul data-menu="submenu-2" id="submenu-2" class="menu__level" tabindex="-1" role="menu" aria-label="Destinations">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/citytour/">All Destinations</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/beijing/tours.htm"
            id="beijing_tours_2021">Beijing</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/xian/tours.htm"
            id="xian_tours_2021">Xi&#39;an</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/shanghai/tours.htm"
            id="shanghai_tours_2021">Shanghai</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/guilin/tours.htm"
            id="guilin_tours_2021">Guilin</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/chengdu/tours.htm"
            id="chengdu_tours_2021">Chengdu</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tibet/tours.htm"
            id="tibet_tours_2021">Tibet</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/zhangjiajie/tours.htm"
            id="zhangjiajie_tours_2021">Zhangjiajie</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/huangshan/tours.htm"
            id="huangshan_tours_2021">Huangshan</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/xiamen/tours.htm"
            id="xiamen_tours_2021">Xiamen</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/yunnan/tours.htm"
            id="yunnan_tours_2021">Yunnan</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/xinjiang/tours/"
            id="xinjiang_tours_2021">Xinjiang</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/inner-mongolia/tours/"
            id="inner_mongolia_tours_2021">Inner Mongolia</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/guizhou/tours.htm"
            id="guizhou_tours_2021">Guizhou</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/harbin/tours.htm"
            id="harbin_tours_2021">Harbin</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/hong-kong/tours.htm" id="hk_tours_2021">Hong
            Kong</a></li>

      </ul>

      <!-- Itinerary ideas -->
      <ul data-menu="submenu-8" id="submenu-8" class="menu__level" tabindex="-1" role="menu"
        aria-label="Itinerary-ideas">

        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/8-days-in-china/"
            id="Itinerary_8_days">8 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/9-days-in-china/"
            id="Itinerary_9_days">9 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/10-days-in-china/"
            id="Itinerary_10_days">10 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/11-days-in-china/"
            id="Itinerary_11_days">11 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/12-days-in-china/"
            id="Itinerary_12_days">12 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/13-days-in-china/"
            id="Itinerary_13_days">13 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/14-days-in-china/"
            id="Itinerary_14_days">14 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/15-days-in-china/"
            id="Itinerary_15_days">15 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/16-days-in-china/"
            id="Itinerary_16_days">16 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/17-days-in-china/"
            id="Itinerary_17_days">17 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/18-days-in-china/"
            id="Itinerary_18_days">18 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/19-days-in-china/"
            id="Itinerary_19_days">19 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/20-days-in-china/"
            id="Itinerary_20_days">20 Days</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/21-days-in-china/"
            id="Itinerary_21_days">21 Days</a></li>
      </ul>

      <!-- plan-a-trip -->
      <ul data-menu="submenu-9" id="submenu-9" class="menu__level" tabindex="-1" role="menu" aria-label="plan-a-trip">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/plan-first-trip.htm"
            id="plan_first_trip_mobile">First Trip</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/family-trip-plan.htm"
            id="plan_family_trip_mobile">Family Trip</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/summer-trip-planner.htm"
            id="plan_summer_trip_mobile">Summer Trip</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/winter-travel-guide/"
            id="plan_winter_trip_mobile">Winter Trip</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link"
            href="/shanghai/shanghai-hangzhou-suzhou-trip-planner.htm"
            id="plan_shanghai_hangzhou_suzhou_mobile">Shanghai, Hangzhou, and Suzhou</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/shanghai/shanghai-to-greatwall.htm"
            id="plan_shanghai_great_wall_mobile">Shanghai
            to the Great Wall of China</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link"
            href="https://www.asiahighlights.com/asia/plan-a-trip-to-china-and-japan" target="_blank"
            id="plan_china_japan_mobile">China and Japan</a></li>
      </ul>

      <!-- guide-by-month -->
      <ul data-menu="submenu-10" id="submenu-10" class="menu__level" tabindex="-1" role="menu"
        aria-label="guide-by-month">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-january-trip.htm"
            id="month_january_mobile">January</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-february-trip.htm"
            id="month_february_mobile">February</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-march-trip.htm"
            id="month_march_mobile">March</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-april-trip.htm"
            id="month_april_mobile">April</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-may-trip.htm"
            id="month_may_mobile">May</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-june-trip.htm"
            id="month_june_mobile">June</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-july-trip.htm"
            id="month_july_mobile">July</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-august-trip.htm"
            id="month_august_mobile">August</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article/september-trip.htm"
            id="month_september_mobile">September</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article/october-trip.htm"
            id="month_october_mobile">October</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article-november-trip.htm"
            id="month_november_mobile">November</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/article/december-trip.htm"
            id="month_december_mobile">December</a>
        </li>
      </ul>
      <!-- Culture -->
      <ul data-menu="submenu-4" id="submenu-4" class="menu__level" tabindex="-1" role="menu" aria-label="Culture">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/culture/"
            id="culture_index_mobile">Chinese Culture</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/festivals/"
            id="culture_festivals_mobile">Chinese Festivals</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/chinese-food/"
            id="culture_food_mobile">Chinese Food</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/chinese-zodiac/"
            id="culture_zodiac_mobile">Chinese Zodiac</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/chinese-tea/"
            id="culture_tea_mobile">Chinese Tea</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/culture/china-arts-crafts.htm"
            id="culture_arts_mobile">Chinese Arts</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/nationality/"
            id="culture_ethnic_group_mobile">Chinese Ethnic Group</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/culture/chinese-literature.htm"
            id="culture_literature_mobile">Chinese Literature</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/architecture/"
            id="culture_architecture_mobile">Chinese Architecture</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link"
            href="/travelguide/culture/traditionalmedichine.htm" id="culture_medicine_mobile">Chinese Medicine</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/religion.htm"
            id="culture_religious_mobile">Chinese Religions</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/chinese-language/"
            id="culture_language_mobile">Chinese Language</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/culture/china-history.htm"
            id="culture_history_mobile">China History</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/traditional-chinese-clothes.htm"
            id="culture_clothes_mobile">Chinese Clothes</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/travelguide/kungfu/"
            id="culture_kungfu_mobile">Chinese Kung Fu</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/palm-reading/"
            id="culture_palm_reading_mobile">Palm Reading</a></li>
      </ul>
      <!-- train -->
      <ul data-menu="submenu-5" id="submenu-5" class="menu__level" tabindex="-1" role="menu" aria-label="Trains">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/china-trains/">Search Train</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link"
            href="/china-trains/china-railway-station.htm">Train
            Stations and Schedules</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/china-trains/train-travel.htm">Train
            Travel</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/china-flights/">Flight</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link"
            href="/china-trains/china-train-app-download.htm">Train App Download</a>
        </li>
      </ul>
      <!-- Day Tours -->
      <ul data-menu="submenu-6" id="submenu-6" class="menu__level" tabindex="-1" role="menu" aria-label="Day-Tours">
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/hongkong/">Hong Kong</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/beijing/">Beijing</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/shanghai/">Shanghai</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/xian/">Xi&#39;an</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/chengdu/">Chengdu</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/guilin/">Guilin</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/zhangjiajie/">Zhangjiajie</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/huangshan/">Huangshan</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/yunnan/">Yunnan</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/great-wall-hiking/">Great Wall
            Tours</a></li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/china-food-tours/">Food Tours</a>
        </li>
        <li class="menu__item" role="menuitem"><a class="menu__link" href="/day-tours/activities/">Fun Activities</a>
        </li>
      </ul>
      <!-- Asia -->
      <ul data-menu="submenu-7" id="submenu-7" class="menu__level" tabindex="-1" role="menu" aria-label="Asia">
        <li class="menu__item" role="menuitem"><a href="/tour/asia-tours/" class="menu__link">Asia Tours</a></li>
        <li class="menu__item" role="menuitem"><a href="https://www.asiahighlights.com/asia/tours/japan-china-discovery"
            target="_blank" rel="nofollow" class="menu__link">China-Japan</a></li>
        <li class="menu__item" role="menuitem"><a href="https://www.asiahighlights.com/asia/tours/china-and-vietnam"
            rel="nofollow" target="_blank" class="menu__link">China-Vietnam</a></li>
        <li class="menu__item" role="menuitem"><a
            href="https://www.asiahighlights.com/asia/tours/mongolia-china-and-thailand" target="_blank" rel="nofollow"
            class="menu__link">China-Mongolia-Thailand</a></li>
        <li class="menu__item" role="menuitem"><a href="https://www.asiahighlights.com/asia/tours/china-nepal-and-india"
            rel="nofollow" target="_blank" class="menu__link">China-Nepal-India</a></li>
        <li class="menu__item" role="menuitem"><a href="/tour/cht-th-04/" class="menu__link">China-Thailand</a></li>
        <li class="menu__item" role="menuitem"><a
            href="https://www.asiahighlights.com/caucasus-central-asia/tours/kyrgyzstan-uzbekistan-turkmenistan"
            rel="nofollow" class="menu__link" target="_blank">China-Kyrgyzstan-Uzbekistan-Turkmenistan</a></li>
      </ul>

    </div>


  </nav>

  <!--@HEAD_1@-->

  <div id="main_content_mobile">
    <main>
      <article>
        <!--@TRAIN-SEARCH@-->
        <!--@CUSTOM-CONENT@-->

        <!--@Match-Content-GOOGLE###ycc###@-->

        <!--@ARTICLENEXT@-->
      </article>
    </main>
    <div class="wechat_button"><a href="/forms/create-my-trip.htm?product_code="
        id="create_my_trip_button_mobile">Create
        My Trip</a>
    </div>
  </div>

  <footer>
    <div class="infotailor">
      <span class="infotailorword">Start planning your tailor-made tour with 1-1 help
        from our travel advisors.
        <span class="tourbutton"><a href="/forms/create-my-trip.htm?product_code=">Create Your Trip</a></span>
      </span>

    </div>
    <div class="footerbox newsletter_form">
      <div class="list_content">
        <h2 style="padding-top: 0; text-align: center;color:#fff;">Sign up to Our Newsletter</h2>
        <p style="text-align: center;">Be the first to receive exciting updates, exclusive promotions, and valuable
          travel tips from our
          team of experts. </p>
        <span class="tourbutton"><a href="/newsletter/">Click to Sign up</a></span>
      </div>
    </div>
    <div class="bottom_why_us">
      <h2>Why China Highlights</h2>
      <div class="table-responsive">
        <table class="why_us_table">
          <tbody>
            <tr>
              <td>
                <div class="bottom_why_us_content">
                  <div class="whyus_image"> <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
                      originalsrc="https://images.asiahighlights.com/allpicture/2024/02/2fa10d72338f4942af532a909a486215_cut_100x100_241.png"
                      alt="Customize Your Tour" class="img-responsive" width="100" height="100" /></div>

                  <h3>Customize Your Tour</h3>
                  <ul class="infolist" style="margin-top: -70px !important;">
                    <li>Travel Advisors Rooted in China</li>
                    <li>Instant Response, No More Waits! </li>
                    <li>Direct Connections, Supreme Values</li>
                  </ul>

                </div>
              </td>
              <td>
                <div class="bottom_why_us_content">
                  <div class="whyus_image"> <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
                      originalsrc="https://images.asiahighlights.com/allpicture/2024/02/128f3292b9054cd295eeaf0a6223ee93_cut_100x100_241.png"
                      alt="Maximize Your Flexibility" class="img-responsive" width="100" height="100" /></div>
                  <h3>Maximize Your Flexibility</h3>
                  <ul class="infolist" style="margin-top: -70px !important;">
                    <li>Your own personal guide and ride. </li>
                    <li>Explore at your own pace. </li>
                    <li>Unparalleled flexibility, impossible on a group tour.</li>
                  </ul>
                </div>
              </td>

              <td>
                <div class="bottom_why_us_content">
                  <div class="whyus_image"><img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
                      originalsrc="https://images.asiahighlights.com/allpicture/2024/02/93cce481fbbb427882ce36285d73119d_cut_100x100_241.png"
                      alt="Ensure Your Satisfaction" class="img-responsive" width="100" height="100" /></div>
                  <h3>Ensure Your Satisfaction</h3>
                  <ul class="infolist" style="margin-top: -70px !important;">
                    <li>The Top 20% nationwide guides at your service.</li>
                    <li>20% more space on your group's transportation.</li>
                    <li>24/7 emergency support.</li>
                  </ul>
                </div>
              </td>
              <td>
                <div class="bottom_why_us_content">
                  <div class="whyus_image"> <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
                      originalsrc="https://images.asiahighlights.com/allpicture/2024/02/03f93f0c74d548bf9ebd55796545c25b_cut_100x100_241.png"
                      alt="Live Your China Story" class="img-responsive" width="100" height="100" /></div>
                  <h3>Live Your China Story</h3>
                  <ul class="infolist">
                    <li>Authentic local culture and lifestyles.</li>
                    <li>Understand the culture by living it.</li>
                    <li>Uncover fascinating histories and witness New China.</li>
                  </ul>

                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

    </div>
    <div class="bottom_destinations" style="margin-bottom: -5px;">
      <h2 style="
    margin-top: 0;
    text-align: center;color:#fff;
">Where Can We Take You Today?</h2>
      <div class="listtour">
        <div class="destination_links">
          <ul>
            <li><a href="https://www.asiahighlights.com/southeast-asia/tours" target="_blank" rel="nofollow">Southeast
                Asia</a></li>
            <li><a href="https://www.asiahighlights.com/japan/tours" target="_blank" rel="nofollow">Japan, South Korea
              </a></li>
            <li><a href="https://www.asiahighlights.com/indian-continent/tours/india-nepal-sri-lanka-bhutan"
                target="_blank" rel="nofollow"> India, Nepal, Bhutan, and Sri lanka</a></li>
            <li><a href="https://www.asiahighlights.com/caucasus-central-asia/tours" target="_blank"
                rel="nofollow">Central Asia</a></li>
          </ul>
        </div>

        <div class="destination_links">
          <ul>
            <li><a href="https://www.globalhighlights.com/europe" target="_blank" rel="nofollow">Europe</a></li>
            <li><a href="https://www.globalhighlights.com/middle-east/tours" target="_blank" rel="nofollow">Middle
                East</a></li>
            <li><a href="https://www.globalhighlights.com/african-safari-tours/tours" target="_blank"
                rel="nofollow">African Safari</a></li>
          </ul>
        </div>
      </div>

    </div>

    <div class="infobottom">
      <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
        originalsrc="https://data.chinahighlights.com/pic/logo/bottom-logo-b.png" alt="China Highlights Logo"
        width="152px" height="108" class="bottomlogocenter">
      <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
        originalsrc="https://data.chinahighlights.com/image/aboutus/feedback/five-star.png"
        style="display: block; margin: 10px auto;" alt="Trip Advisor rating">
      <div class="bottomlogoinfo">Rated 5 out of 5 | 98.8% Excellence<br>
        China Highlights International<br>
        Travel Service Co., LTD
      </div>

      <div class="bottommedia">
        <span class="followtitle">Follow Us</span>
        <ul>
          <li><a href="https://www.facebook.com/Chinahighlights" title="Follow us on Facebook" class="fb"
              target="_blank" rel="nofollow">
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
                y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30"
                xml:space="preserve">
                <path id="facebook" fill="#ffffff"
                  d="M17.252,11.106V8.65c0-0.922,0.611-1.138,1.041-1.138h2.643V3.459l-3.639-0.015	c-4.041,0-4.961,3.023-4.961,4.961v2.701H10v4.178h2.336v11.823h4.916V15.284h3.316l0.428-4.178H17.252z">
                </path>
              </svg>Facebook

            </a></li>
          <li><a href="https://twitter.com/Chinahighlights" title="Share us on Twitter" class="tw" target="_blank"
              rel="nofollow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                style="                    fill: #fff;                ">
                <path
                  d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z">
                </path>
              </svg>Twitter </a></li>
          <li><a href="https://www.instagram.com/chinahighlights/" title="Follow us on Instagram" class="linkin"
              target="_blank" rel="nofollow">
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
                y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30"
                xml:space="preserve">
                <path id="instagram" fill="#ffffff"
                  d="M22.107,3.415H7.893c-2.469,0-4.479,2.007-4.479,4.477v4.73v9.486c0,2.469,2.01,4.479,4.479,4.479h14.215	c2.469,0,4.479-2.01,4.479-4.479v-9.486v-4.73C26.586,5.421,24.576,3.415,22.107,3.415 M23.393,6.086l0.512-0.004v0.511v3.416	l-3.916,0.014l-0.012-3.928L23.393,6.086z M11.693,12.622c0.742-1.028,1.945-1.7,3.307-1.7s2.564,0.672,3.307,1.7	c0.484,0.67,0.771,1.49,0.771,2.379c0,2.248-1.828,4.078-4.078,4.078c-2.248,0-4.078-1.83-4.078-4.078	C10.922,14.112,11.211,13.292,11.693,12.622 M24.328,22.107c0,1.225-0.994,2.219-2.221,2.219H7.893	c-1.225,0-2.219-0.994-2.219-2.219v-9.486h3.459C8.832,13.356,8.664,14.159,8.664,15c0,3.494,2.842,6.335,6.336,6.335	s6.336-2.842,6.336-6.335c0-0.842-0.17-1.645-0.467-2.379h3.459V22.107z">
                </path>
              </svg>
              Instagram </a></li>

        </ul>
      </div>

      <div class="bottomlinks">
        <span class="followtitle"><a href="/aboutus/">About Us</a></span>
        <ul>
          <li><a href="/travel-agents.htm">Travel Agents</a></li>
          <li><a href="/reviews.htm">Reviews</a></li>
          <li><a href="/contactus/">Contact Us</a></li>
          <li><a href="/privacy.htm">Privacy</a></li>
          <li><a href="/aboutus/terms.htm">Terms</a></li>
          <li><a href="/partner/">Partner</a></li>
        </ul>
      </div>
      <div class="language_links">
        <span class="followtitle">Language</span>
        <div class="listtour" style="display: flex;">
          <div>
            <ul style="width:185px;">

              <li><a href="https://www.chinarundreisen.com/" target="_blank" rel="nofollow">Deutsch</a></li>
              <li><a href="https://www.voyageschine.com/" target="_blank" rel="nofollow">Français</a></li>
              <li><a href="https://www.viaje-a-china.com/" target="_blank" rel="nofollow">Español</a></li>
            </ul>
          </div>
          <div>
            <ul>


              <li><a href="https://www.viaggio-in-cina.it/" target="_blank" rel="nofollow">Italiano</a></li>
              <li><a href="https://www.chinahighlights.ru/" target="_blank" rel="nofollow">Русский</a></li>
              <li><a href="https://www.arachina.com/" target="_blank" rel="nofollow">日本語</a></li>
            </ul>
          </div>
        </div>
      </div>

      <div class="featureon">
        <span class="followtitle">Featured on</span>
        <a href="/aboutus/who-recommended.htm"> <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
            originalsrc="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png"
            alt="China Higlights is recommended by this social medias." class="img-responsive" width="436px"
            height="250px"></a>

      </div>
      <div class="featureon">
        <span class="followtitle">Address</span>Building 6, Chuangyi Business Park, 70 Qilidian Road, Guilin, Guangxi,
        541004, China
      </div>
    </div>
    <div class="bottomlogo">© 1998-2024 China Highlights <br>— Discovery Your Way!</div>
  </footer>

  <script>
    (function (w, d, i) {
      var navbar = d.getElementById(i);
      var prevScrollpos = w.pageYOffset;
      w.onscroll = function () {
        var currentScrollPos = w.pageYOffset;
        if (prevScrollpos > currentScrollPos) {
          navbar.style.top = '0';
        } else {
          navbar.style.top = '-100px';
        }
        prevScrollpos = currentScrollPos;
      }
    })(window, document, 'header');
  </script>
  <script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */
    (function (window) { function classReg(className) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)") } var hasClass, addClass, removeClass; if ("classList" in document.documentElement) { hasClass = function (elem, c) { return elem.classList.contains(c) }; addClass = function (elem, c) { elem.classList.add(c) }; removeClass = function (elem, c) { elem.classList.remove(c) } } else { hasClass = function (elem, c) { return classReg(c).test(elem.className) }; addClass = function (elem, c) { if (!hasClass(elem, c)) { elem.className = elem.className + " " + c } }; removeClass = function (elem, c) { elem.className = elem.className.replace(classReg(c), " ") } } function toggleClass(elem, c) { var fn = hasClass(elem, c) ? removeClass : addClass; fn(elem, c) } var classie = { hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; if (typeof define === "function" && define.amd) { define(classie) } else { if (typeof exports === "object") { module.exports = classie } else { window.classie = classie } } })(window);
    !function (e, n, t) {
      function r(e, n) { return typeof e === n } function o() { var e, n, t, o, i, s, a; for (var f in C) { if (C.hasOwnProperty(f)) { if (e = [], n = C[f], n.name && (e.push(n.name.toLowerCase()), n.options && n.options.aliases && n.options.aliases.length)) { for (t = 0; t < n.options.aliases.length; t++) { e.push(n.options.aliases[t].toLowerCase()) } } for (o = r(n.fn, "function") ? n.fn() : n.fn, i = 0; i < e.length; i++) { s = e[i], a = s.split("."), 1 === a.length ? Modernizr[a[0]] = o : (!Modernizr[a[0]] || Modernizr[a[0]] instanceof Boolean || (Modernizr[a[0]] = new Boolean(Modernizr[a[0]])), Modernizr[a[0]][a[1]] = o), g.push((o ? "" : "no-") + a.join("-")) } } } } function i(e) { var n = w.className, t = Modernizr._config.classPrefix || ""; if (x && (n = n.baseVal), Modernizr._config.enableJSClass) { var r = new RegExp("(^|\\s)" + t + "no-js(\\s|$)"); n = n.replace(r, "$1" + t + "js$2") } Modernizr._config.enableClasses && (n += " " + t + e.join(" " + t), x ? w.className.baseVal = n : w.className = n) } function s(e) { return e.replace(/([a-z])-([a-z])/g, function (e, n, t) { return n + t.toUpperCase() }).replace(/^-/, "") } function a(e, n) { return !!~("" + e).indexOf(n) } function f() { return "function" != typeof n.createElement ? n.createElement(arguments[0]) : x ? n.createElementNS.call(n, "http://www.w3.org/2000/svg", arguments[0]) : n.createElement.apply(n, arguments) } function l(e, n) { return function () { return e.apply(n, arguments) } } function u(e, n, t) { var o; for (var i in e) { if (e[i] in n) { return t === !1 ? e[i] : (o = n[e[i]], r(o, "function") ? l(o, t || n) : o) } } return !1 } function p(e) { return e.replace(/([A-Z])/g, function (e, n) { return "-" + n.toLowerCase() }).replace(/^ms-/, "-ms-") } function d() { var e = n.body; return e || (e = f(x ? "svg" : "body"), e.fake = !0), e } function c(e, t, r, o) { var i, s, a, l, u = "modernizr", p = f("div"), c = d(); if (parseInt(r, 10)) { for (; r--;) { a = f("div"), a.id = o ? o[r] : u + (r + 1), p.appendChild(a) } } return i = f("style"), i.type = "text/css", i.id = "s" + u, (c.fake ? c : p).appendChild(i), c.appendChild(p), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(n.createTextNode(e)), p.id = u, c.fake && (c.style.background = "", c.style.overflow = "hidden", l = w.style.overflow, w.style.overflow = "hidden", w.appendChild(c)), s = t(p, e), c.fake ? (c.parentNode.removeChild(c), w.style.overflow = l, w.offsetHeight) : p.parentNode.removeChild(p), !!s } function m(n, r) { var o = n.length; if ("CSS" in e && "supports" in e.CSS) { for (; o--;) { if (e.CSS.supports(p(n[o]), r)) { return !0 } } return !1 } if ("CSSSupportsRule" in e) { for (var i = []; o--;) { i.push("(" + p(n[o]) + ":" + r + ")") } return i = i.join(" or "), c("@supports (" + i + ") { #modernizr { position: absolute; } }", function (e) { return "absolute" == getComputedStyle(e, null).position }) } return t } function v(e, n, o, i) { function l() { p && (delete z.style, delete z.modElem) } if (i = r(i, "undefined") ? !1 : i, !r(o, "undefined")) { var u = m(e, o); if (!r(u, "undefined")) { return u } } for (var p, d, c, v, h, y = ["modernizr", "tspan"]; !z.style;) { p = !0, z.modElem = f(y.shift()), z.style = z.modElem.style } for (c = e.length, d = 0; c > d; d++) { if (v = e[d], h = z.style[v], a(v, "-") && (v = s(v)), z.style[v] !== t) { if (i || r(o, "undefined")) { return l(), "pfx" == n ? v : !0 } try { z.style[v] = o } catch (g) { } if (z.style[v] != h) { return l(), "pfx" == n ? v : !0 } } } return l(), !1 } function h(e, n, t, o, i) { var s = e.charAt(0).toUpperCase() + e.slice(1), a = (e + " " + b.join(s + " ") + s).split(" "); return r(n, "string") || r(n, "undefined") ? v(a, n, o, i) : (a = (e + " " + N.join(s + " ") + s).split(" "), u(a, n, t)) } function y(e, n, r) { return h(e, t, t, n, r) } var g = [], C = [], _ = { _version: "3.2.0", _config: { classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function (e, n) { var t = this; setTimeout(function () { n(t[e]) }, 0) }, addTest: function (e, n, t) { C.push({ name: e, fn: n, options: t }) }, addAsyncTest: function (e) { C.push({ name: null, fn: e }) } }, Modernizr = function () { }; Modernizr.prototype = _, Modernizr = new Modernizr; var w = n.documentElement, x = "svg" === w.nodeName.toLowerCase(), S = "Moz O ms Webkit", b = _._config.usePrefixes ? S.split(" ") : [];
      _._cssomPrefixes = b; var E = function (n) { var r, o = prefixes.length, i = e.CSSRule; if ("undefined" == typeof i) { return t } if (!n) { return !1 } if (n = n.replace(/^@/, ""), r = n.replace(/-/g, "_").toUpperCase() + "_RULE", r in i) { return "@" + n } for (var s = 0; o > s; s++) { var a = prefixes[s], f = a.toUpperCase() + "_" + r; if (f in i) { return "@-" + a.toLowerCase() + "-" + n } } return !1 }; _.atRule = E; var N = _._config.usePrefixes ? S.toLowerCase().split(" ") : []; _._domPrefixes = N; var P = { elem: f("modernizr") }; Modernizr._q.push(function () { delete P.elem }); var z = { style: P.elem.style }; Modernizr._q.unshift(function () { delete z.style }), _.testAllProps = h; _.prefixed = function (e, n, t) { return 0 === e.indexOf("@") ? E(e) : (-1 != e.indexOf("-") && (e = s(e)), n ? h(e, n, t) : h(e, "pfx")) }; _.testAllProps = y, Modernizr.addTest("cssanimations", y("animationName", "a", !0)), o(), i(g), delete _.addTest, delete _.addAsyncTest; for (var T = 0; T < Modernizr._q.length; T++) { Modernizr._q[T]() } e.Modernizr = Modernizr
    }(window, document); (function (window) {
      var support = { animations: Modernizr.cssanimations }, animEndEventNames = { "WebkitAnimation": "webkitAnimationEnd", "OAnimation": "oAnimationEnd", "msAnimation": "MSAnimationEnd", "animation": "animationend" }, animEndEventName = animEndEventNames[Modernizr.prefixed("animation")], onEndAnimation = function (el, callback) { var onEndCallbackFn = function (ev) { if (support.animations) { if (ev.target != this) { return } this.removeEventListener(animEndEventName, onEndCallbackFn) } if (callback && typeof callback === "function") { callback.call() } }; if (support.animations) { el.addEventListener(animEndEventName, onEndCallbackFn) } else { onEndCallbackFn() } }; function extend(a, b) { for (var key in b) { if (b.hasOwnProperty(key)) { a[key] = b[key] } } return a } function MLMenu(el, options) { this.el = el; this.options = extend({}, this.options); extend(this.options, options); this.menus = [].slice.call(this.el.querySelectorAll(".menu__level")); this.current_menu = 0; var current_menu; this.menus.forEach(function (menuEl, pos) { var items = menuEl.querySelectorAll(".menu__item"); items.forEach(function (itemEl, iPos) { var currentLink = itemEl.querySelector(".menu__link--current"); if (currentLink) { current_menu = pos } }) }); if (current_menu) { this.current_menu = current_menu } this._init() } MLMenu.prototype.options = { breadcrumbsCtrl: true, initialBreadcrumb: "all", backCtrl: true, itemsDelayInterval: 60, direction: "r2l", onItemClick: function (ev, itemName) { return false } }; MLMenu.prototype._init = function () { this.menusArr = []; this.breadCrumbs = false; var self = this; var submenus = []; this.menus.forEach(function (menuEl, pos) { var menu = { menuEl: menuEl, menuItems: [].slice.call(menuEl.querySelectorAll(".menu__item")) }; self.menusArr.push(menu); if (pos === self.current_menu) { classie.add(menuEl, "menu__level--current") } var menu_x = menuEl.getAttribute("data-menu"); var links = menuEl.querySelectorAll(".menu__link"); links.forEach(function (linkEl, lPos) { var submenu = linkEl.getAttribute("data-submenu"); if (submenu) { var pushMe = { "menu": submenu, "name": linkEl.innerHTML }; if (submenus[pos]) { submenus[pos].push(pushMe) } else { submenus[pos] = []; submenus[pos].push(pushMe) } } }) }); this.menus.forEach(function (menuEl, pos) { var menu_x = menuEl.getAttribute("data-menu"); submenus.forEach(function (subMenuEl, menu_root) { subMenuEl.forEach(function (subMenuItem, subPos) { if (subMenuItem.menu == menu_x) { self.menusArr[pos].backIdx = menu_root; self.menusArr[pos].name = subMenuItem.name } }) }) }); if (self.options.breadcrumbsCtrl) { this.breadcrumbsCtrl = document.createElement("nav"); this.breadcrumbsCtrl.className = "menu__breadcrumbs"; this.breadcrumbsCtrl.setAttribute("aria-label", "You are here"); this.el.insertBefore(this.breadcrumbsCtrl, this.el.firstChild); this._addBreadcrumb(0); if (self.menusArr[self.current_menu].backIdx != 0 && self.current_menu != 0) { this._crawlCrumbs(self.menusArr[self.current_menu].backIdx, self.menusArr); this.breadCrumbs = true } if (self.current_menu != 0) { this._addBreadcrumb(self.current_menu); this.breadCrumbs = true } } if (this.options.backCtrl) { this.backCtrl = document.createElement("button"); if (this.breadCrumbs) { this.backCtrl.className = "menu__back" } else { this.backCtrl.className = "menu__back menu__back--hidden" } this.backCtrl.setAttribute("aria-label", "Go back"); this.backCtrl.innerHTML = '<span class="icon icon--arrow-left"></span>'; this.el.insertBefore(this.backCtrl, this.el.firstChild) } this._initEvents() }; MLMenu.prototype._initEvents = function () { var self = this; for (var i = 0, len = this.menusArr.length; i < len; ++i) { this.menusArr[i].menuItems.forEach(function (item, pos) { item.querySelector("a").addEventListener("click", function (ev) { var submenu = ev.target.getAttribute("data-submenu"), itemName = ev.target.innerHTML, subMenuEl = self.el.querySelector('ul[data-menu="' + submenu + '"]'); if (submenu && subMenuEl) { ev.preventDefault(); self._openSubMenu(subMenuEl, pos, itemName) } else { var currentlink = self.el.querySelector(".menu__link--current"); if (currentlink) { classie.remove(self.el.querySelector(".menu__link--current"), "menu__link--current") } classie.add(ev.target, "menu__link--current"); self.options.onItemClick(ev, itemName) } }) }) } if (this.options.backCtrl) { this.backCtrl.addEventListener("click", function () { self._back() }) } }; MLMenu.prototype._openSubMenu = function (subMenuEl, clickPosition, subMenuName) {
        if (this.isAnimating) {
          return false
        } this.isAnimating = true; this.menusArr[this.menus.indexOf(subMenuEl)].backIdx = this.current_menu; this.menusArr[this.menus.indexOf(subMenuEl)].name = subMenuName; this._menuOut(clickPosition); this._menuIn(subMenuEl, clickPosition)
      }; MLMenu.prototype._back = function () { if (this.isAnimating) { return false } this.isAnimating = true; this._menuOut(); var backMenu = this.menusArr[this.menusArr[this.current_menu].backIdx].menuEl; this._menuIn(backMenu); if (this.options.breadcrumbsCtrl) { this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild) } }; MLMenu.prototype._menuOut = function (clickPosition) { var self = this, currentMenu = this.menusArr[this.current_menu].menuEl, isBackNavigation = typeof clickPosition == "undefined" ? true : false; this.menusArr[this.current_menu].menuItems.forEach(function (item, pos) { item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + "ms" : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + "ms" }); if (this.options.direction === "r2l") { classie.add(currentMenu, !isBackNavigation ? "animate-outToLeft" : "animate-outToRight") } else { classie.add(currentMenu, isBackNavigation ? "animate-outToLeft" : "animate-outToRight") } }; MLMenu.prototype._menuIn = function (nextMenuEl, clickPosition) { var self = this, currentMenu = this.menusArr[this.current_menu].menuEl, isBackNavigation = typeof clickPosition == "undefined" ? true : false, nextMenuIdx = this.menus.indexOf(nextMenuEl), nextMenu = this.menusArr[nextMenuIdx], nextMenuEl = nextMenu.menuEl, nextMenuItems = nextMenu.menuItems, nextMenuItemsTotal = nextMenuItems.length; nextMenuItems.forEach(function (item, pos) { item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + "ms" : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + "ms"; var farthestIdx = clickPosition <= nextMenuItemsTotal / 2 || isBackNavigation ? nextMenuItemsTotal - 1 : 0; if (pos === farthestIdx) { onEndAnimation(item, function () { if (self.options.direction === "r2l") { classie.remove(currentMenu, !isBackNavigation ? "animate-outToLeft" : "animate-outToRight"); classie.remove(nextMenuEl, !isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } else { classie.remove(currentMenu, isBackNavigation ? "animate-outToLeft" : "animate-outToRight"); classie.remove(nextMenuEl, isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } classie.remove(currentMenu, "menu__level--current"); classie.add(nextMenuEl, "menu__level--current"); self.current_menu = nextMenuIdx; if (!isBackNavigation) { if (self.options.backCtrl) { classie.remove(self.backCtrl, "menu__back--hidden") } self._addBreadcrumb(nextMenuIdx) } else { if (self.current_menu === 0 && self.options.backCtrl) { classie.add(self.backCtrl, "menu__back--hidden") } } self.isAnimating = false; nextMenuEl.focus() }) } }); if (this.options.direction === "r2l") { classie.add(nextMenuEl, !isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } else { classie.add(nextMenuEl, isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } }; MLMenu.prototype._addBreadcrumb = function (idx) { if (!this.options.breadcrumbsCtrl) { return false } var bc = document.createElement("a"); bc.href = "#"; bc.innerHTML = idx ? this.menusArr[idx].name : this.options.initialBreadcrumb; this.breadcrumbsCtrl.appendChild(bc); var self = this; bc.addEventListener("click", function (ev) { ev.preventDefault(); if (!bc.nextSibling || self.isAnimating) { return false } self.isAnimating = true; self._menuOut(); var nextMenu = self.menusArr[idx].menuEl; self._menuIn(nextMenu); var siblingNode; while (siblingNode = bc.nextSibling) { self.breadcrumbsCtrl.removeChild(siblingNode) } }) }; MLMenu.prototype._crawlCrumbs = function (currentMenu, menuArray) { if (menuArray[currentMenu].backIdx != 0) { this._crawlCrumbs(menuArray[currentMenu].backIdx, menuArray) } this._addBreadcrumb(currentMenu) }; window.MLMenu = MLMenu
    })(window); (function () { var menuEl = document.getElementById("ml-menu"), mlmenu = new MLMenu(menuEl, { backCtrl: true, }); var openMenuCtrl = document.querySelector(".action--open"), closeMenuCtrl = document.querySelector(".action--close"); openMenuCtrl.addEventListener("click", openMenu); closeMenuCtrl.addEventListener("click", closeMenu); function openMenu() { classie.add(menuEl, "menu--open"); closeMenuCtrl.focus() } function closeMenu() { classie.remove(menuEl, "menu--open"); openMenuCtrl.focus() } })();
    eval(function (p, a, c, k, e, d) { e = function (c) { return (c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) d[e(c)] = k[c] || e(c); k = [function (e) { return d[e] }]; e = function () { return '\\w+' }; c = 1; }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p; }('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};', 62, 151, '|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'), 0, {}))
    function loadScriptByAsync(src) { var asyncScript = document.createElement("script"); asyncScript.async = true; asyncScript.crossorigin = "anonymous"; asyncScript.src = src; firstScript = document.getElementsByTagName("script")[0]; firstScript.parentNode.insertBefore(asyncScript, firstScript); }
  </script>
  <!--@PRODUCT-JS@-->
  <!--@ADDON-JS@-->
  <!--@IN-ARTICLE-GOOGLE@-->

  <script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "China Highlights",
    "url": "https://www.chinahighlights.com/",
    "logo": "https://data.chinahighlights.com/pic/logo/china-highlights-top-navigation-logo.png",
    "contactPoint" : [{
        "@type": "ContactPoint",
        "telephone": "+86 773 2831999",
        "contactType": "customer support",
        "availableLanguage": "English"
    }],
    "sameAs" : [
        "https://www.facebook.com/Chinahighlights",
        "https://twitter.com/Chinahighlights",
        "https://www.instagram.com/chinahighlights/"
    ]
}
</script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "@id": "https://www.chinahighlights.com/",
    "name": "China Highlights",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Building 6, Chuangyi Business Park, 70 Qilidian Road",
      "addressLocality": "Guilin",
      "addressRegion": "Guangxi",
      "postalCode": "541004",
      "addressCountry": "CHINA"
    },
    "review": {
      "@type": "Review",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "author": {
        "@type": "Person",
        "name": "Ruby Zhao"
      }
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.241375,   
      "longitude": 110.33852  
    },
    "url": "https://www.chinahighlights.com/",
    "telephone": "+86 773 2831999",
    "openingHoursSpecification": [
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": "Monday",
        "opens": "9:00",
        "closes": "17:00"
      },
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": "Tuesday",
        "opens": "9:00",
        "closes": "17:00"
      },
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": "Wednesday",
        "opens": "9:00",
        "closes": "17:00"
      },
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": "Thursday",
        "opens": "9:00",
        "closes": "17:00"
      },
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": "Friday",
        "opens": "9:00",
        "closes": "17:00"
      }
    ]
  }
</script>
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://secure.chinahighlights.com/",
  "potentialAction": {
      "@type": "SearchAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://secure.chinahighlights.com/result.asp?001281624266240652297:cl1fy1cxepi&cof=FORID:9&q={search_term_string}"
      },
      "query-input": "required name=search_term_string"
    }
  }
</script>
  <!--@STRUCTURED-DATA-BREADCRUMB-BLOCK@-->
  <!--@STRUCTURED-DATA-ARTICLE-BLOCK@-->
</body>

</html>