|
|
<!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> |