<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title><!--@TITLE@--></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="<!--@DESCRIPTION@-->">
<link rel="canonical" href="<!--@CANONICAL@-->">
<link rel="shortcut icon" href="https://data.chinatravel.com/favicon.ico">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<style amp-custom>
body { margin: 0;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:16px;color:#545454; background:#fff; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top:-0.4rem; }
a { color:#545454;}
a:hover { text-decoration: none; color:#df6536}
h1{font-size:1.6rem;font-weight:400;margin:0 0 1.5rem 0;}
h2{font-size:1.5rem;font-weight:400;margin-bottom:1rem;margin-top:3rem;}
h3{font-size:1.25rem;font-weight:normal;}
p{margin-bottom:1.25rem; margin-top:0;}
ul,li,dl {margin:0; padding:0; list-style:none;}
.relative { position:relative;}
ul.drop1 { display: block; padding-left:0; margin-left:0;}
ul.drop1 li { list-style: none; line-height:1.25rem; margin-bottom:0.6rem; background:url(/pic/square.png) no-repeat left; padding-left:1.25rem;}
footer { background:#444; color:#fff; text-align:center; font-size:0.9rem; padding:0.8rem 0.5rem 0.2rem 0.5rem}
footer a { color:#fff; text-decoration: none;}
footer p { margin-bottom:0.5rem;}
.socialLink { text-align: center; display: block; margin-top:50px;}
.socialLink a { text-decoration: none }
.socialLink .fa { font-size: 150%; margin: 0 20px; color: #fff }
@media(max-width:376px) {
.brand { width:54%; font-size:1.1rem;}
}
@media(min-width:400px) {
.brand {width:60%; font-size:1.25rem; }
}
.brand { display: inline-block; text-align: center;color:#333;text-transform: uppercase; padding-left:1rem}
.ampstart-headerbar .ampstart-navbar-trigger { background:#fff; position:fixed; width:100%; z-index:9999; border-bottom: 1px solid #eee; height:60px;}
.customizeBtn {font-size:0.75rem;border: 1px solid #ccc;border-radius:4px;padding:0.15rem 0.5rem;display: inline-block;height: 1.25rem;line-height: 1.25rem; float: right; margin:1.15rem 1rem 0 0;}
.customizeBtn a { color:#666; text-decoration: none;}
.container { display: block; padding:0.625rem 0.94rem;}
#crumbNav { font-size: 0.75rem; color: #a31022; position: relative;  margin: 0 0 1.15rem; }
#crumbNav a { text-decoration: none; padding: 2px 8px 4px 0; color: #444 }
#crumbNav a:after { content:"›"; margin-left:5px; font-size:1rem;}
#crumbNav a:hover { color: #a31022; text-decoration: none }
/* from font awesome */
@font-face{font-family:FontAwesome;src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-tripadvisor:before{content:"\f262"}.fa-500px:before{content:"\f26e"}.fa-angle-down:before{content:"\f107"}.fa-square-o:before{content:"\f096"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before {  content: "\f0c9"; color:#333; margin:0.32rem 0 0 1rem; }
.fa-google-plus::before {    content: "\f0d5";}
/* sidebar style */
.ampstart-headerbar { background-color: #fff; color: #000; z-index: 999; box-shadow: 0 0 5px 2px rgba(0,0,0,.1) }
.ampstart-headerbar+:not(amp-sidebar), .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1rem; background: transparent; opacity: .8 }
.ampstart-headerbar-nav { line-height: 3.5rem }
.ampstart-nav-item:active, .ampstart-nav-item:focus, .ampstart-nav-item:hover { opacity: 1 }
.ampstart-navbar-trigger:focus { outline: 0 }
.ampstart-nav a, .ampstart-navbar-trigger, .ampstart-sidebar-faq a { cursor: pointer; text-decoration: none }
.ampstart-nav .ampstart-label { color: inherit; padding-left:0; }
.ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2.2rem }
.ampstart-headerbar-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ampstart-nav-search { -webkit-box-flex: .5; -ms-flex-positive: .5; flex-grow: .5 }
.ampstart-headerbar .ampstart-nav-search:active, .ampstart-headerbar .ampstart-nav-search:focus, .ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none }
.ampstart-nav-dropdown { min-width: 12.5rem }
.ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: 0 }
.ampstart-nav-dropdown amp-accordion ul { background-color: #fff }
.ampstart-nav-dropdown .ampstart-dropdown-item, .ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 }
.ampstart-nav-dropdown .ampstart-dropdown-item { color: #f88 }
.ampstart-sidebar { background-color: #555; color: #000; min-width: 18.75rem; width: 18.75rem }
.ampstart-sidebar .ampstart-icon { fill: #f88 }
.ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem }
.ampstart-sidebar .ampstart-dropdown-item, .ampstart-sidebar .ampstart-dropdown header, .ampstart-sidebar .ampstart-faq-item, .ampstart-sidebar .ampstart-nav-item, .ampstart-sidebar .ampstart-social-follow { margin: 0 0 2rem }
.ampstart-sidebar .ampstart-nav-dropdown { margin: 0 }
.ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit; text-align:right; margin-right:1rem; color:#999 }
.ampstart-navbar-trigger svg { pointer-events: none; margin:1rem 0 0 1rem; color:#fff;}
.ampstart-headerbar { color: #f88; padding-right: 1rem; background-color: #fff; height: 3.5rem; box-shadow: none; border-bottom: 1px solid #f3f3f3 }
.ampstart-headerbar .ampstart-navbar-trigger { color: #222; font-size: 1.38rem; padding-right: 0 }
.ampstart-navbar-trigger:focus { outline: 5px auto -webkit-focus-ring-color }
.ampstart-sidebar-nav-image { width: 120px }
.ampstart-icon, .ampstart-sidebar .ampstart-icon { fill: #222 }
.ampstart-sidebar-header { position: relative; z-index: 1 }
.ampstart-nav { margin-bottom: 2rem }
.ampstart-nav-item { color: #222; border-bottom: 1px solid #777; list-style: none; padding-bottom:0.5rem; }
.ampstart-sidebar .ampstart-nav-item { margin-bottom: 1rem; padding-left:1.875rem }
.ampstart-nav-link { font-size:1rem; font-weight: 400; line-height: normal; display: inline-block; margin-bottom:0.32rem; position: relative; color:#fff; padding-bottom:0.19rem; }
.ampstart-nav-link .fa { position: absolute; right: 1.25rem; top: 3px }
.amp-mode-mouse .ampstart-nav-link:after { left: 0; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); width: 100%; bottom: 0; height: 2px; content: ""; display: block }
.ampstart-dropdown-items { padding-left:0; }
.ampstart-dropdown-items li { font-size: 0.875rem; line-height: 1.8rem; border-bottom: 1px solid #777; margin-right: 0.875rem; padding-left: 1.25rem; padding-bottom: 0.6rem; padding-top: 0.6rem; list-style: none; }
.ampstart-dropdown-items li a { color: #fff }
.ampstart-dropdown-items li:last-child { border-bottom: 0 }
.ampstart-social-follow { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; display: inline-block }
.ampstart-social-follow li { display: inline-block; margin-right: 0 }
.amphtml-accordion-header{background:0;border:0;margin-bottom:0}.clearfix{clear:both}
.customizeBtn { height:1.6rem;line-height: 1.5rem;}
/*@CUSTOM-CSS@*/
html{font-size:16px}
</style>
</head>
<body >
<!-- Start Navbar -->
<header class="ampstart-headerbar  flex justify-start items-center top-0 left-0 right-0 pl2 pr4 pt2 md-pt0">
  <div role="button" aria-label="open sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="ampstart-navbar-trigger  pr2 absolute top-0 pr0 mr2 mt2"> <i class="fa fa-bars" aria-hidden="true"></i> <span class="brand">China Travel <sup>®</sup></span> <span class="customizeBtn"><a href="/forms/customize.html"> CUSTOMIZE </a></span></div>
</header>
<!-- Start Sidebar -->
<amp-sidebar id="header-sidebar" class="ampstart-sidebar px3  md-flex flex-column justify-content items-center justify-center" layout="nodisplay">
  <div class="flex justify-start items-center ampstart-sidebar-header">
    <div role="button" aria-label="close sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="ampstart-navbar-trigger items-start">✕</div>
  </div>
  <nav class="ampstart-sidebar-nav ampstart-nav ">
    <ul class="list-reset m0 p0 ampstart-label">
      <li class="ampstart-nav-item"><a class="ampstart-nav-link" href="/">HOME</a></li>
      <li class="ampstart-nav-item">
        <amp-accordion>
          <section>
            <h3 class="ampstart-nav-link amphtml-accordion-header"><a class="ampstart-nav-link" href="/china-tours/">China Tours</a> <i class="fa fa-angle-right" aria-hidden="true"></i></h3>
            <ul class="ampstart-dropdown-items list-reset ">
              <li><a href="/china-tours/ct-1.htm">Classic China Tour</a></li>
              <li><a href="/china-tours/ct-2.htm">The History and Nature of China</a></li>
              <li><a href="/china-tours/ct-3.htm">China Adventure Journey</a></li>
              <li><a href="/china-tours/theme/china-panda-tours/">Panda Tours</a></li>
              <li><a href="/china-tours/top-10-china-tours.htm"> See All Top 10 China Tours</a></li>
            </ul>
          </section>
        </amp-accordion>
      </li>
      <li class="ampstart-nav-item "><a class="ampstart-nav-link" href="/how-to-plan-a-trip-to-china-step-by-step/">Planning Tips</a></li>
      <li class="ampstart-nav-item "><a class="ampstart-nav-link" href="/forms/customize.html">Create My Trip</a></li>
      <li class="ampstart-nav-item">
        <amp-accordion>
          <section>
            <h3 class="ampstart-nav-link amphtml-accordion-header"><a class="ampstart-nav-link" href="/city-tours/">City Tours</a><i class="fa fa-angle-right" aria-hidden="true"></i></h3>
            <ul class="ampstart-dropdown-items list-reset ">
              <li><a href="/tours-to-shanghai/">Shanghai and Water Town Tours</a></li>
              <li><a href="/tours-to-beijing/">Beijing and Great Wall Tours </a></li>
              <li><a href="/tours-to-zhangjiajie/">Zhangjaijie Tours</a></li>
              <li><a href="/tours-to-chengdu/">Chengdu and Panda Tours</a></li>
              <li><a href="/tours-to-guilin/">Guilin and Yangshuo Tours</a></li>
            </ul>
          </section>
        </amp-accordion>
      </li>
      <li class="ampstart-nav-item">
        <amp-accordion>
          <section>
            <h3 class="ampstart-nav-link amphtml-accordion-header"><a class="ampstart-nav-link" href="/tours-to-shanghai/">Shanghai Tours</a><i class="fa fa-angle-right" aria-hidden="true"></i></h3>
            <ul class="ampstart-dropdown-items list-reset ">
              <li><a href="/china-day-trips/shalc-62.htm">1-Day Suzhou and Tongli Water Town Tour from Shanghai</a></li>
              <li><a href="/china-tours/ct-sh-1s.htm">3-Day Visa-free Shanghai and Water Essence Tour</a></li>
              <li><a href="/china-tours/ct-sh-1.htm">4-Day Shanghai and Suzhou Highlights Tour </a></li>
            </ul>
          </section>
        </amp-accordion>
      </li>
      <li class="ampstart-nav-item">
      <amp-accordion>
        <section>
          <h3 class="ampstart-nav-link amphtml-accordion-header"><a class="ampstart-nav-link" href="/china-guide/">China Guide</a><i class="fa fa-angle-right" aria-hidden="true"></i></h3>
          <ul class="ampstart-dropdown-items list-reset ">
            <li><a href="/shanghai-travel/">Shangahai Travel Guide</a>
            <li><a href="/zhangjiajie-travel/">Zhangjiajie Travel Guide</a></li>
            <li><a href="/beijing-travel/">Beijing Travel Guide</a></li>
            <li><a href="/focus/"> Best of China</a></li>
            <li><a href="/facts/china-visa.htm">China Visa</a></li>
          </ul>
        </section>
      </amp-accordion>
      </li>
      <li class="ampstart-nav-item">
        <amp-accordion>
        <section>
        <h3 class="ampstart-nav-link amphtml-accordion-header"><a class="ampstart-nav-link" href="/china-day-trips/">Day Trips</a><i class="fa fa-angle-right" aria-hidden="true"></i></h3>
        <ul class="ampstart-dropdown-items list-reset ">
          <li><a href="/china-day-trips/cdalc-34.htm">1-Day Dujiangyan Panda Keeper Program</a></li>
          <li><a href="/china-day-trips/zjjalc-6.htm">1-Day Zhangjiajie Glass Bridge Tour</a></li>
          <li><a href="/china-day-trips/bjsic-16.htm">Tianjin Cruise Port － Beijing Transfer</a></li>
          <li><a href="/china-day-trips/bjsic-5.htm">1-Day Mutianyu Great Wall Tour </a></li>
          <li><a href="/china-day-trips/shalc-62.htm">1-Day Suzhou and Tongli Tour</a>
        </ul>
        </section>
      </amp-accordion>
    </ul>
    </section>
    </amp-accordion>
    </li>
    <li class="ampstart-nav-item"><a class="ampstart-nav-link" href="/about-china-travel/">About Us</a></li>
    </ul>
  </nav>
  <span class="socialLink"><a class="fb fa fa-facebook" title="Follow us on Facebook" rel="nofollow" href="https://www.facebook.com/ChinaTravelDotCom"></a><a class="tw fa fa-twitter" title="Share us on Twitter" rel="nofollow" href="https://twitter.com/joinchinatravel"></a> <a class="tw fa fa-google-plus" title="Share us on Google Plus" rel="nofollow" href="https://plus.google.com/111230828547235671984"></a></span></amp-sidebar>
<!-- End Sidebar -->

<!--@CUSTOM-CONENT@-->
<footer>
  <p><a href="/contact-china-travel/">Contact us</a> | <a href="/about-china-travel/">About us</a></p>
  <p>© 1997-2018 China Travel</p>
</footer>
<!-- Google Analytics --> 
<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-4273670-1"
  },
  "triggers": {
    "default pageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>
<!-- Google Analytics -->
<!--AMP Builder-->
</body>
</html>