<html lang="en">
<head>
<meta charset="utf-8">
<title>China Travel Agency, Tour with China Highlights - Since 1959!</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="apple-mobile-web-app-title" content="China Highlights - Since 1959!">
<meta name="description" content="China travel agency offers China Tours, Yangtze River Cruises, Domestic Flights &amp; Hotels. Helping over 10,000+ people tour China each year, maybe you?">
<meta name="keywords" content="china travel, china travel agency">
<meta name="p:domain_verify" content="df1b7fba802e7ad63b2cf10467750b94">
<link rel="stylesheet" href="http://data.chinahighlights.com/css/min.php?f=/public/css/global.min.css,/public/css/homepage.css&amp;v=20160216">
<!--[if lte IE 9]>
<link href="http://data.chinahighlights.com/public/js/fixie/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="/public/js/fixie/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="http://data.chinahighlights.com/js/min.php?f=/public/js/respond.min.js,/public/js/fixie/respond.proxy.js"></script>
<![endif]-->
<script async="" src="//www.google-analytics.com/analytics.js"></script><script src="http://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js"></script>

<link rel="stylesheet" href="data:text/css,@import%20url%28%27%20http%3A//static.tacdn.com/css2/widget/cdswidSSP-v2414594452b.css%20%27%29%3B">
<script type="text/javascript" src="http://static.tacdn.com/js3/widget/cdswidgets_m-c-v2102084671b.js"></script>
</head>

<body>

<div id="header">
    
    <div class="container">
      <div class="row hidden-xs hidden-sm" id="headerLinkRight">
        <div class="col-lg-24">
          <ul class="list-inline pull-right">
            <li><a rel="nofollow" href="/contactus/">Contact us</a></li>
            <li><a href="/aboutus/" rel="nofollow">About us</a></li>
          </ul>
          <div class="tollfree pull-right">
          <i class="fa fa-phone"></i>
            <div class="currentNo"> <strong>USA/CA:</strong>800-2682918 </div>
            <div class="freePhone"> <span><strong>AU:</strong> 1800-764678</span> <span><strong>UK:</strong> 0800-0327753</span> <span><strong>All:</strong> 86-773-2831999</span><span class="closeBlock"><img src="http://data.chinahighlights.com/css/images/global/phone-close.png"></span> </div>
          </div>
        </div>
      </div>
    </div>
    <div id="mainnav" class="nav navbar navbar-inverse" role="navigation">
      <div class="container"> 
        <div class="row">
          <div class="col-lg-4 col-sm-4 logobox hidden-xs"> <a href="/"> <img src="http://data.chinahighlights.com/pic/logo/logo-132x104.png" alt="China Highlights" class="img-responsive">
           </a> </div>
          <div class="col-lg-21 col-sm-20 col-lg-offset-3 col-sm-offset-3">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
              <div class="navbar-brand visible-xs"> <a rel="nofollow" href="/"><img src="http://data.chinahighlights.com/pic/home-mobile.png"></a> | <a rel="nofollow" href="/tour/">Tours</a> | <a rel="nofollow" href="/china-trains/">Trains</a> | <a rel="nofollow" href="/tour/create-my-trip.htm">Create My Trip</a> </div>
            </div>
            <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav chNav">
                <li class="hidden-xs"><a href="/">Home</a></li>
                <li class="hidden-xs"><a href="/tour/">China Tours</a> </li>
                <li class="hidden-xs"><a href="/tour/create-my-trip.htm">Create My Trip</a></li>
                <li><a href="/citytour/">Destinations</a></li>
                <li><a href="/travelguide/">Travel Guide</a></li>
                <li class="NavActives"><a href="/travelguide/culture/">Culture</a></li>
                <li class="hidden-xs"><a href="/china-trains/">Trains</a></li>
                <li><a href="/yangtzecruise/">Yangtze Cruise</a></li>
                <li class="last"><a href="/china-flights/">Flights</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!--container--> 
    </div>
    <!--end of mainnav -->
    <div id="subnav" class="hidden-xs">
      <div class="container">
        <div class="subnavcontent col-lg-offset-3 col-sm-offset-3"> <span>A better China tour has arrived: <a href="/aboutus/no-shops.htm" class="last">No Shops. No Factories. No Detours</a></span>
          <div class="siteSearch pull-right visible-md visible-lg">
            <form id="searchbox_001281624266240652297:cl1fy1cxepi" name="googlesreach" action="/result.asp">
              <input type="hidden" value="001281624266240652297:cl1fy1cxepi" name="cx">
              <input type="hidden" value="FORID:9" name="cof">
              <input type="text" onblur="chkval()" onfocus="this.value=''" class="strkeys" placeholder="site search" name="q">
              <input type="image" class="submits" src="http://data.chinahighlights.com/css/images/global/site-search-button.png">
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 btn-lg"></div>

<style>
.close_other_input,.open_other_input{margin-left: 0 !important;margin-right: 10px;}
.other_input_box{padding-left: 0;margin-left: 0 !important;}
</style>

<div class="container">
  <?php 
        echo htmlspecialchars_decode($form_data[0]->form_web_structure);
     ?>
</div>

<script src="http://data.chinahighlights.com/js/min.php?f=/image/customer_center_data/js/bootstrap.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

  $("body").on('click','.open_other_input',function(){
    $(this).parent().find('.other_input_box').css({"display":"inline-block"});
  });

  $("body").on('click','.close_other_input',function(){
    $(this).parent().find('.other_input_box').css({"display":"none"});
  });

  $("body").on('click','input,textarea',function(){
    $(this).css({"border-color":"#ccc"});
  });

  $("body").on('click','.btn_zhineng_form_submit',function(event){
    var submitflag=true;
    $(this).parents("form").find('.filed_label_name').each(function(){
      var label_name=$(this).text();
      if (label_name.indexOf("*")!=-1) {
        var $form_group=$(this).parent(".form-group");
        $form_group.find('input').each(function(){
          if ($(this).val()=='') {
            $(this).css({"border-color":"red"});
            submitflag=false;
          };
        });
        $form_group.find('textarea').each(function(){
          if ($(this).val()=='') {
            $(this).css({"border-color":"red"});
            submitflag=false;
          };
        });
      };
    });
    if (submitflag) {
      var $form = $(this).parents("form");
      var data = $form.serialize();
      var url = $form.attr('action');

      $.ajax({
        type: "post",
        url: url,
        dataType: "json",
        async: true,
        data: data,
        success: function(json_data) {
          if (json_data.name == 'ok') {
            $('.modal').modal('hide');
            show_tips('ok', json_data.msg);
          } else {
            show_tips('no', json_data.msg);
          }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
          show_tips('no', errorThrown);
        }
      });

    };
  });

});

//提示模态框
function show_tips(type, text) 
{
  $('#tips-modal').remove();
  var Timeout = '1200';
  if (type == 'ok') {
    var style = 'glyphicon-ok text-success';
    Timeout = '3000';
  } else {
    var style = 'glyphicon-remove text-danger';
    Timeout = '3000';
  }
  var html = '<div class="modal" id="tips-modal" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog modal-sm" style="margin-top:100px;"><div class="modal-content col-xs-24" style="padding:15px 15px;border-radius: 0px;"><div class="media"><div class="media-left"><span id="tips-modal-icon" class="media-object glyphicon ' + style + '" style="font-size:56px;"></span></div><div class="media-body"><span class="text-success" id="tips-modal-text" style="font-size:20px;padding-left:15px;line-height:55px;">' + text + '</span></div></div></div></div></div>';
  $("body").append(html);

  $('#tips-modal').modal('show');
  setTimeout(function() {
    $('#tips-modal').modal('hide');
  }, 5000);
}

</script>

</body>
</html>