|
|
<?php echo($head);?>
|
|
|
<title>Cheap International Flights, China Flights at Local Prices</title>
|
|
|
<meta name="keywords" content="china flights, china flight, flights china"/>
|
|
|
<meta name="description" content="internal air ticket availability for flights within China"/>
|
|
|
<link type="text/css" rel="stylesheet" href="/information-view/information/css/iflight/flight.css"/>
|
|
|
<?php echo($navi);?>
|
|
|
<div class="carousel" style="position: relative;min-height:450px;">
|
|
|
<img class="train-carousel hidden-xs" src="/inf/image/air/index2.jpg" style="width:100%;position: absolute; z-index:1; left:0;right:0;min-height:420px;">
|
|
|
<div class="hidden-xs" style="position: absolute; z-index:10; left:0;right:0;top:30px;">
|
|
|
<div class="container-fluid" style="max-width:980px;">
|
|
|
<div class="col-md-9 col-sm-12 col-xs-24" style="padding:15px;overflow:visable;background:#000;height:372px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="" style="position: absolute; z-index:100; left:0;right:0;top:30px;">
|
|
|
<div class="container-fluid" style="max-width:980px;">
|
|
|
<div class="col-md-9 col-sm-12 col-xs-24" style="padding:15px;overflow:visable;background:none;border:none;">
|
|
|
<ul id="myTab" class="nav nav-tabs" role="tablist" style="background:#f0f0f0;">
|
|
|
<li role="presentation" class="active" style="width:58%;"><a style="font-size:15px; color:#555;" href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">International Flight</a></li>
|
|
|
<li role="presentation" class="hidden" style="width:42%;"><a style="font-size:15px; color:#555;" href="#home" role="tab" id="home-tab" data-toggle="tab" aria-controls="home" aria-expanded="false">China Flight</a></li>
|
|
|
</ul>
|
|
|
<div class="col-xs-24" style="background:#fff;padding:10px;border:1px solid #ddd; border-top:none;">
|
|
|
<form class="flight_search_form" role="form" method="post" action="/index.php/thirdparty/flight/iflight/search">
|
|
|
<div class="col-xs-24" style="padding-bottom:12px;">
|
|
|
<label class="radio-inline">
|
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" onclick="$('#return_date_box').addClass('hidden');$('#return_date').val('');"> One Way
|
|
|
</label>
|
|
|
<label class="radio-inline">
|
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2" onclick="$('#return_date_box').removeClass('hidden');" checked> Round Trip
|
|
|
</label>
|
|
|
</div>
|
|
|
<div id="myTabContent" class="tab-content">
|
|
|
<div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">
|
|
|
<div class="form-group col-xs-24 flight_auto_complete" id="auto-complete">
|
|
|
<input type="text" class="form-control" id="form_city" name="form_city" placeholder="From City" value="">
|
|
|
<input type="hidden" id="form_city_code" name="form_city_code" value="">
|
|
|
</div>
|
|
|
<div class="form-group col-xs-24 flight_auto_complete" id="auto-complete2">
|
|
|
<input type="text" class="form-control" id="to_city" name="to_city" placeholder="To City" value="">
|
|
|
<input type="hidden" id="to_city_code" name="to_city_code" value="">
|
|
|
</div>
|
|
|
<div class="form-group col-xs-24">
|
|
|
<input type="text" class="form-control" id="departing_date" name="flight_date" placeholder="Depart date" value="">
|
|
|
</div>
|
|
|
<div class="form-group col-xs-24" id="return_date_box">
|
|
|
<input type="text" class="form-control" id="return_date" name="return_date" placeholder="Return date" value="">
|
|
|
</div>
|
|
|
<div class="form-group col-xs-24">
|
|
|
<button type="submit" class="btn btn-danger form-control">Search!</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="content" class="container-fluid">
|
|
|
<div class="row">
|
|
|
<div class="col-xs-24">
|
|
|
<div class="row">
|
|
|
<div class="col-xs-24" style="margin-top:30px;">
|
|
|
<h3 class="text-success text-center">China Transfer</h3>
|
|
|
<p class="text-center font-size-14">offers you a railway station or airport transfer service with exclusively private cars in Beijing, Shanghai, Guangzhou, Hong Kong, Suzhou, Chongqing, Dali, and other tourist cities. </p>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail flight_transfer_page">
|
|
|
<a href="/china-transfers/beijing/"><img src="/inf/image/general/icon-beijing.jpg" alt="Beijing transfer" border="0"></a>
|
|
|
<div class="caption">
|
|
|
<p><a href="/china-transfers/beijing/">Beijing Transfers </a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail flight_transfer_page">
|
|
|
<a href="/china-transfers/shanghai/"><img src="/inf/image/general/icon-shanghai.jpg" alt="Shanghai transfer" border="0"></a>
|
|
|
<div class="caption">
|
|
|
<p><a href="/china-transfers/shanghai/">Shanghai Transfers </a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail flight_transfer_page">
|
|
|
<a href="/china-transfers/xian/"><img src="/inf/image/general/icon-xian.jpg" alt="Xian Transfer" border="0"></a>
|
|
|
<div class="caption">
|
|
|
<p><a href="/china-transfers/xian/">Xian Transfers </a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail flight_transfer_page">
|
|
|
<a href="/china-transfers/hong_kong/"><img src="/inf/image/general/icon-hongkong.jpg" alt="Hongkong Transfer" border="0"></a>
|
|
|
<div class="caption">
|
|
|
<p><a href="/china-transfers/hong_kong/">Hong Kong Transfers </a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<legend style="border-bottom:1px dashed #999;margin-top:20px;"></legend>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-18">
|
|
|
<div class="row flight_mustsee">
|
|
|
<div class="col-xs-24">
|
|
|
<h4 class="text-success">China's Must-See Sights</h4>
|
|
|
<p style="font-size:15px;line-height:25px;">Hopefully you have more time. But sometimes you’re there on business, you’re in transit or you’re only interested in moving on. But you do have a day and you’re feeling guilty about just sitting in your hotel room.Here's a quick guide, city by city, the one thing I think you shouldn't miss.</p>
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-beijing/attraction/the-forbidden-city.htm"> <img class="img-responsive col-xs-24 nopadding-both" src="/inf/image/city/beijing/gugong/gugong.jpg" alt="Great Wall of China" title="Great Wall of China"> </a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/diy-beijing/attraction/the-forbidden-city.htm">
|
|
|
<h5 class="text-muted">
|
|
|
The Forbidden City
|
|
|
</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-beijing/attraction/temple-of-heaven.htm"> <img class="img-responsive col-xs-24 nopadding-both" src="/inf/image/city/beijing/tiantan/tiantan.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/beijing/attraction/temple-of-heaven.htm">
|
|
|
<h5 class="text-muted">
|
|
|
Temple of Heaven
|
|
|
</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-beijing/attraction/the-mutianyu-great-wall.htm"> <img class="img-responsive col-xs-24 nopadding-both" src="/inf/image/city/beijing/greatwall/greatwall.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/beijing/attraction/the-mutianyu-great-wall.htm">
|
|
|
<h5 class="text-muted">
|
|
|
Great Wall
|
|
|
</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-xian/attraction/terracotta-warriors.htm"><img class="img-responsive col-xs-24 nopadding-both" src="/inf/image/city/xian/qinshihuangling/qinshihuangling.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/diy-xian/attraction/terracotta-warriors.htm">
|
|
|
<h5 class="text-muted">
|
|
|
The Terracotta Warriors
|
|
|
</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="row flight_mustsee">
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-xian/attraction/ancient-city-wall.htm"><img class="img-responsive col-xs-24 nopadding-both" src="/inf/image/city/xian/wall/wall.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/diy-xian/attraction/ancient-city-wall.htm">
|
|
|
<h5 class="text-muted">Ancient City Wall</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-guilin/attraction/li-river-cruise.htm"><img class="img-responsive city-attraction col-xs-24 nopadding-both" src="/inf/image/city/guilin2/liriver/lijiang5.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/diy-guilin/attraction/li-river-cruise.htm">
|
|
|
<h5 class="text-muted">Li River</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-guilin/attraction/reed-flute-cave.htm"><img class="img-responsive city-attraction col-xs-24 nopadding-both" src="/inf/image/city/guilin2/ludiyan/92e63b5cc1eb4a729477be89.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/diy-guilin/attraction/reed-flute-cave.htm">
|
|
|
<h5 class="text-muted">Reed Flute Cave</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="thumbnail no-border">
|
|
|
<a href="/diy-shanghai/attraction/zhujiajiao.htm"><img class="img-responsive col-xs-24 nopadding-both" src="/inf/image/city/shanghai/zhujiajiao/zhujiajiao.jpg" alt="Great Wall of China" title="Great Wall of China"></a>
|
|
|
<div class="caption clearfix nopadding">
|
|
|
<a href="/diy-shanghai/attraction/zhujiajiao.htm">
|
|
|
<h5 class="text-muted">Zhujiajiao Water Town</h5>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="airlineList">
|
|
|
<h4 class="text-success font-size-16">Major Airlines in China</h4>
|
|
|
<ul class="major_airline list-unstyled">
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/CZ.png">
|
|
|
</span>
|
|
|
<span class="pull-left">China Southern Airlines</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/MU.png">
|
|
|
</span>
|
|
|
<span class="pull-left">China Eastern Airlines</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/CA.png">
|
|
|
</span>
|
|
|
<span class="pull-left">Air China</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/HU.png">
|
|
|
</span>
|
|
|
<span class="pull-left">Hainan Airlines</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/FM.png">
|
|
|
</span>
|
|
|
<span class="pull-left">Shanghai Airlines</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/MF.png">
|
|
|
</span>
|
|
|
<span class="pull-left">Xiamen Airline</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/SD.png">
|
|
|
</span>
|
|
|
<span class="pull-left">Shandong Airlines</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="pull-left">
|
|
|
<img class="img-circle" style="width:30px;padding-right:5px;" src="/inf/image/airline_logos/SC.png">
|
|
|
</span>
|
|
|
<span class="pull-left">Sichuan Airline</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!-- row end -->
|
|
|
</div>
|
|
|
|
|
|
<div id="hot_city">
|
|
|
<div id="top_destination" class="panel panel-default hidden" style="border:none; top: 34px !important;left: 0px !important;position: absolute;z-index: 10;width: 350px;background:none;">
|
|
|
<div class="col-xs-24">
|
|
|
<div class="panel-body" style="padding-top:0;border:1px solid #ddd;-moz-box-shadow:3px 5px 5px #969696;
|
|
|
-webkit-box-shadow:3px 5px 5px #969696;
|
|
|
box-shadow:3px 5px 5px #969696;background:#fff;">
|
|
|
<div style="padding:5px 0;margin-bottom:5px;margin-top:8px;"><strong>Top Destination</strong><a class="pull-right" href="javascript:void(0);" onclick="$(this).parents('#top_destination').remove();">X</a></div>
|
|
|
<table class="table table-bordered" style="margin-bottom:0;">
|
|
|
<tbody id="hot_city_td">
|
|
|
<tr>
|
|
|
<td><a href="javascript:void(0);" data-code="BJS">Beijing</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="HKG">Hong Kong</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="TYO">Tokyo</a></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><a href="javascript:void(0);" data-code="SHA">Shanghai</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="NYC">New York</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="LAX">Los Angeles</a></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><a href="javascript:void(0);" data-code="SIA">Xian</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="HNL">Honolulu</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="LON">London</a></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><a href="javascript:void(0);" data-code="CAN">Guangzhou</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="PAR">Paris</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="SYD">Sydney</a></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><a href="javascript:void(0);" data-code="KWL">Guilin</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="SIN">Singapore</a></td>
|
|
|
<td><a href="javascript:void(0);" data-code="YVR">Vancouver</a></td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script type="text/javascript" src="/information-view/information/css/iflight/jquery.suggest.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
$(document).ready(function()
|
|
|
{
|
|
|
$('#departing_date,#return_date').datepicker({
|
|
|
inline: true,
|
|
|
minDate: "<?php echo date("m/d/Y",strtotime("+3 day")); ?>",
|
|
|
dateFormat: 'mm/dd/yy'
|
|
|
});
|
|
|
//机票城市自动提示
|
|
|
$("#form_city").suggest("/index.php/thirdparty/flight/iflight/get_flight_city_list",{
|
|
|
container: '#auto-complete',
|
|
|
onSelect: function() {},
|
|
|
selectClass: '',
|
|
|
matchClass: 'active',
|
|
|
resultsClass: 'list-unstyled',
|
|
|
hiddenInput: '#form_city_code'
|
|
|
});
|
|
|
//机票城市自动提示
|
|
|
$("#to_city").suggest("/index.php/thirdparty/flight/iflight/get_flight_city_list",{
|
|
|
container: '#auto-complete2',
|
|
|
onSelect: function() {},
|
|
|
selectClass: '',
|
|
|
matchClass: 'active',
|
|
|
resultsClass: 'list-unstyled',
|
|
|
hiddenInput: '#to_city_code'
|
|
|
});
|
|
|
//热门城市提示
|
|
|
var input_box='';
|
|
|
$("#form_city,#to_city").click(function() {
|
|
|
var html=$("#hot_city").html();
|
|
|
var parentbox=$(this).parent('div').attr('id');
|
|
|
$(html).appendTo("#"+parentbox);
|
|
|
$("#"+parentbox+">#top_destination").removeClass('hidden');
|
|
|
input_box=$(this).attr('id');
|
|
|
if (input_box=='form_city') {
|
|
|
var parentbox=$("#to_city").parent('div').attr('id');
|
|
|
$("#"+parentbox+">#top_destination").remove();
|
|
|
}else if(input_box=='to_city'){
|
|
|
var parentbox=$("#form_city").parent('div').attr('id');
|
|
|
$("#"+parentbox+">#top_destination").remove();
|
|
|
}
|
|
|
});
|
|
|
$("#form_city,#to_city").keyup(function(){
|
|
|
var parentbox=$(this).parent('div').attr('id');
|
|
|
$("#"+parentbox+">#top_destination").remove();
|
|
|
});
|
|
|
$("#myTabContent").on('click','#hot_city_td a',function() {
|
|
|
$("#"+input_box+"_code").val($(this).attr('data-code'));
|
|
|
$("#"+input_box).val($(this).text());
|
|
|
$(this).parents('#top_destination').remove();
|
|
|
});
|
|
|
|
|
|
});
|
|
|
</script>
|