airport/CN/pwtfhtml/jcjg/jg14.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/ssbx.png" class="top-img" alt="">
<div class="main">
<div class="title">Endless life</div>
<div class="word">located in the waiting area next to Tianfu Lane on the fourth level of Terminal 1, draws on the handcraft of bamboo pack basket in Sichuan. The art works of bamboo weaving exhibited are combinations of human and nature, and demonstration of peoples bamboo-like endurance and perseveranceexpressing a philosophy of “life is endless with virtues passed on generation by generation”. </div>
<div class="op">
<a href="/pwtfhtml/jcjg/jg13.html"><span><</span>PREV:Flying flowers and dancing butterflies</a>
<a href="/pwtfhtml/jcjg/jg15.html">NEXT:Water and Wood<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>