airport/CN/pwtfhtml/jcjg/jg3.html

435 lines
14 KiB
HTML
Raw Normal View History

2021-10-26 08:56:39 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>成都天府国际机场</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="Keywords" content="{$seo_keywords??''}">
<meta name="description" content="{$seo_description??''}">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="/css/aos.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/new.css" />
<script src="/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/aos.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/script.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="/layui/css/layui.css" />
<script src="/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<link rel="shortcut icon" href="/image/favicon.ico" />
</head>
<body>
<div class="sidebar-box">
<a href="javascript:;"><img src="/image/sbar_1.png" alt="">
<div class="fix_customer_service">
<div>
HotLine<br>
13144553366<br>
Mini Program<br>
</div>
<img src="/image/ewm_1.png">
</div>
</a>
<a href="/EN/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>Opinion</span></a>
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>Back to Top</span></a>
</div>
<!--头部-->
<div class="head_box w-100 showBox">
<div class="w-1400">
<div class="pull-left"><a href="/EN/"><img src="/image/logo.png"></a></div>
<div class="pull-right">
<div class="top-box">
<form class="searcBox_l">
<i class="searcBox_l_ICON" onclick="clearInputText()"></i>
<input type="text" class="searchBoxTEXT"></input>
<input type="button" class="btn_Sae" ></input>
<ul id="xiala" ></ul>
</form>
<script>
function renderForm(){
layui.use('form', function(){
var form1 = layui.form;
form1.render();
});
}
$(".searchBoxTEXT").bind('input propertychange',function () {
var name = $(".searchBoxTEXT").val();
var str = "";
$.ajax({
url: "/ddpflight/category/searchCategory",
data: {
name:name,
language:2
},
type: "GET",
dataType: "JSON",
success: function (data) {
for (var i = 0; i < data.length; i++) {
str += "<li><a href=\"/EN"+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
}
$("#xiala").html(str);
}
});
})
function clearInputText(){
$(".searchBoxTEXT").val('')
$("#xiala").html('')
$('.searcBox_l').removeClass('searchObjWidth')
$(".searcBox_l_ICON").removeClass("searchObjShow")
$('.searchBoxTEXT').removeClass("searchObjShow")
}
$('.searcBox_l').mouseenter(function() {
$(this).addClass('searchObjWidth');
$(".searcBox_l_ICON").addClass("searchObjShow")
$('.searchBoxTEXT').addClass("searchObjShow")
})
</script>
<div class="link-box between-center">
<div class="between-center"><img src="/image/ix_hd_icon2.png">AboutUs
<div>
<a href="/EN/profile/profile.html">Airport Introduction</a>
<a href="/EN/notice/notice.html">Announcement</a>
<a href="/EN/news/news.html">News</a>
<a href="http://ctia.chinahr.com">Join Us</a>
</div>
</div>
<em></em>
<a href="/" class="between-center"><img src="/image/ix_hd_icon3.png">EN</a>
<div class="nav_btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<div class="lower-box w-100">
<ul>
<li><a href="/EN/flight/flight.html">Flight</a></li>
<li><a href="/EN/guide/guide.html">Guide</a></li>
<li><a href="/EN/traffic/traffic.html">Traffic</a></li>
<li><a href="/EN/service/service.html">Service</a></li>
<li><a href="/EN/play/play.html">Commerce</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="head-menu">
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img1.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Flight</strong>
<ul>
<li><a href="/EN/flight/departure/departure.html">Departures</a></li>
<li><a href="/EN/flight/arrival/arrival.html">Arrivals</a></li>
<li><a href="/EN/flight/route/route.html">Routes</a></li>
<li><a href="/EN/flight/airline/airline.html">Airlines Information</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img2.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Guide</strong>
<ul>
<li><a href="/EN/guide/departure/departure.html">Departure Process</a></li>
<li><a href="/EN/guide/transfer/transfer.html">Transfer Process</a></li>
<li><a href="/EN/guide/arrival/arrival.html">Arrival Process</a></li>
<li><a href="/EN/guide/notice/notice.html">Instructions</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img3.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Traffic</strong>
<ul>
<li><a href="/EN/traffic/tofrom/tofrom.html?id=679">To & From Airport</a></li>
<li><a href="/EN/traffic/tramode/tramode.html?id=683">Comprehensive Transport</a></li>
<li><a href="/EN/traffic/parking/parking.html?id=689">Parking Buildings</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img4.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Service</strong>
<ul>
<li><a href="/EN/service/promise/promise.html">Our Commitment</a></li>
<li><a href="/EN/service/love/love.html">Special Care Service</a></li>
<li><a href="/EN/service/luggage/luggage.html">Baggage Service</a></li>
<li><a href="/EN/service/important/important.html">VIP Service</a></li>
</ul>
<ul>
<li><a href="/EN/service/wifi/wifi.html">Internet Service</a></li>
<li><a href="/EN/service/transit/transit.html">Transfer</a></li>
<li><a href="/EN/service/map/map.html">Map</a></li>
<li><a href="/EN/service/urgent/urgent.html">Emergency Services</a></li>
</ul>
<ul>
<li><a href="/EN/service/goods/goods.html">Cargo Service</a></li>
<li><a href="/EN/service/apm/apm.html">APM</a></li>
<li><a href="/EN/service/cityp/cityp.html">City Terminal</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img5.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Commerce</strong>
<ul>
<li><a href="/EN/play/catering/catering.html">Dining</a></li>
<li><a href="/EN/play/shopping/shopping.html">Shopping</a></li>
<li><a href="/EN/play/leisure/leisure.html">Happy Tour</a></li>
<li><a href="/EN/play/hotel/hotel.html">Airport Hotel</a></li>
</ul>
<ul>
<li><a href="/EN/play/other/other.html">More to Discover</a></li>
</ul>
</div>
</div>
</div>
</div>
<script>
function renderForm(){
layui.use('form', function(){
var form1 = layui.form;//高版本建议把括号去掉,有的低版本,需要加()
form1.render();
});
}
$(function () {
renderForm();
})
</script>
<style>
.styleWidth{
padding-left: calc((100vw - 1250px) /2 - (1420px - 1100px ) + 70px)
}
.searcBox_l{
width: 60px;
float: left;
position: relative;
height: 49px;
margin-right: 20px;
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
background: #f5f5f5;
}
.searchBoxTEXT{
width: 350px;
height: 48px;
line-height: 48px;
border: none;
background: #f5f5f5;
margin-left: 40px;
display: none;
}
.btn_Sae{
width: 60px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(/image/icon_05.png) no-repeat center;
border: none;
}
.searcBox_l_ICON{
display: none;
width: 15px;
height: 16px;
position: absolute;
left: 0;
top: 17px;
background: url(/image/ix_hd_icon4.png) no-repeat center;
background-size: auto 13px;
padding: 0 20px;
cursor: pointer;
transform: all .6s;
}
.isshowBox{
display: block !important;
}
.isshowBox2{
display: none !important;
}
.searchObjShow{
display: block;
}
.searchObjWidth{
width: 450px;
transform: all .6s;
}
#xiala{
background:#fff ;
}
#xiala li{
line-height: 30px;
padding-left: 10px;
}
#xiala li:hover{
background: #39a7f4;
}
@media screen and (max-width:700px){
.searchBoxTEXT{
width: 130px;
}
.btn_Sae{
width: 30px;
height: 84%;
background-size: auto 20px;
}
.searchObjWidth{
width: 200px;
}
/*.searcBox_l {*/
/* width: 30px;*/
/*}*/
}
</style>
<!--banner-->
<div class="center-banner w-100 between-center guide-banner">
<div class="w-1200">
<div class="text" aos="fade-left" aos-delay="100">
<h3>品味天府</h3>
<h2>Exploring Tianfu</h2>
</div>
</div>
</div>
<!--二级菜单-->
<div class="mune w-100 ">
<div class="w-1200 t-c three">
<div class="list active ">
<a href="/EN/pwtf/jcjg/jcjg.html"><span><i class="icon-mune-44"></i>Airport Landscape</span></a>
</div>
<div class="list ">
<a href="/EN/pwtf/tfly/tfly.html"><span><i class="icon-mune-43"></i>Travelling in Sichuan</span></a>
</div>
<div class="list ">
<a href="/EN/pwtf/jcwc/jcwc.html"><span><i class="icon-mune-42"></i>Tour of Arts & Culture</span></a>
</div>
</div>
</div>
<!-- 内容-->
<div class="content">
<div class="w-1200" aos="fade-up" aos-delay="100">
<!--面包屑-->
<div class="crumbs">
<a href="/EN/">HomePage</a>
<span>Airport Landscape</span>
</div>
</div>
<!--内容-->
<div class="w-1200" aos="fade-up" aos-delay="100">
<div class="box top-bottom nobg">
<div class="box-content wc">
<div class="wc-detail">
<img src="/image/pwtf/jcjg/yj.png" class="top-img" alt="">
<div class="main">
<div class="title">Modern Tianfu</div>
<div class="word">located in the south corridor on the third level of Terminal 1, is a modern public art facility for childrens participation and entertainment. Combined with the modern cityscape of Chengdu and natural landscape, a “Modern Tianfu” is rendered with flowing cloud decorations and LED light highlights </div>
<div class="op">
<a href="/pwtfhtml/jcjg/jg2.html"><span><</span>PREV:Thatched Cottage</a>
<a href="/pwtfhtml/jcjg/jg4.html">NEXT:Spectacular Shushan Mountains<span>></span></a>
</div>
</div>
</div>
</div>
</div>
<!---->
</div>
</div>
<!--内容结束-->
<div class="footer">
<!--img-->
<div class="footer-img">
<img src="/image/bg_02.png" />
</div>
<!---->
<div class="footer_bg">
<div class="w-1200 t-c">
<div class="footer_middle">
<a href="https://weibo.com/u/2885909671?is_all=1" target="_blank"><img src="/qwer/20210301/bd193cfa59bb4acb8e8020c5df8161bd.png" alt="" /></a>
<a href="javascript:;">
<img src="/qwer/20210301/5871364baaee4a6ab4d4a4fc43c0bd1c.png" alt="" />
<i><img src="/qwer/20210326/b165b3d207554ac987fa846203513410.jpg" /></i>
</a>
<a href="/EN/opinion/opinion.html">
Opinion
</a>
<a href="/EN/links/links.html">
Links
</a>
</div>
<div style="width:950px;margin:0 auto; padding:0px 0;margin-top:20px">
<p class="beian">© 2021 Chengdu Tianfu International Airport, all rights reserved</p>
<a target="_blank" href="http://www.beian.gov.cn" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<p class="beian">Sichuan ICP NO.2021003993</p>
<img src="/image/batb.png" style="float:left;margin-left: 6px"/>
<p class="beian">Sichuan Public Network Security 51018002000073</p >
</a>
</div>
</div>
</div>
</div>
<style>
.beian{
float:left;
height:20px;
line-height:20px;
margin: 0px 0px 0px 5px;
color:#939393;
}
</style>
<script>
AOS.init({
easing: 'swing',
duration: 800,
offset: 100,
once: true
});
</script>
<script>
$(function() {
//展开
$('.sidebar-click').each(function() {
var that = $(this)
$('.sidebar-active .sidebar-list').show();
that.find('.sidebar-tit').click(function() {
if (that.find('.sidebar-list').is(':hidden')) {
that.find('.sidebar-list').slideDown();
that.addClass('sidebar-active');
} else {
that.find('.sidebar-list').slideUp();
that.removeClass('sidebar-active');
}
})
})
})
</script>
</body>
</html>