<!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 8 s steps ( 1 , end ) 0 s 1 normal both ; -moz- animation : - amp-start 8 s steps ( 1 , end ) 0 s 1 normal both ; -ms- animation : - amp-start 8 s steps ( 1 , end ) 0 s 1 normal both ; animation : - amp-start 8 s steps ( 1 , end ) 0 s 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:"›
#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 － < / 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 >
