airport/CN/pwtfhtml/tfly/ly2.html

440 lines
14 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>
客服热线<br>
13144553366<br>
旅客体验小程序<br>
</div>
<img src="/image/ewm_1.png">
</div>
</a>
<a href="/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>客户意见</span></a>
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>回到顶部</span></a>
</div>
<!--头部-->
<div class="head_box w-100 showBox">
<div class="w-1400">
<div class="pull-left"><a href="/"><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:1
},
type: "GET",
dataType: "JSON",
success: function (data) {
for (var i = 0; i < data.length; i++) {
str += "<li><a href=\""+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">关于我们
<div>
<a href="/about/introduce/introduce.html">机场简介</a>
<a href="/about/notice/notice.html">机场公告</a>
<a href="/about/news/news.html">机场新闻</a>
<a href="http://ctia.chinahr.com">人才招聘</a>
</div>
</div>
<em></em>
<a href="/EN/" class="between-center"><img src="/image/ix_hd_icon3.png">中文</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="/flight/flight.html">航班</a></li>
<li><a href="/guide/guide.html">指南</a></li>
<li><a href="/traffic/traffic.html">交通</a></li>
<li><a href="/service/service.html">服务</a></li>
<li><a href="/play/play.html">玩转机场</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>航班</strong>
<ul>
<li><a href="/flight/departure/departure.html">出发航班</a></li>
<li><a href="/flight/arrival/arrival.html">到达航班</a></li>
<li><a href="/flight/route/route.html">航线</a></li>
<li><a href="/flight/aircompany/aircompany.html">航空公司</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>指南</strong>
<ul>
<li><a href="/guide/setout/setout.html">出发流程</a></li>
<li><a href="/guide/transfer/transfer.html">中转流程</a></li>
<li><a href="/guide/arrive/arrive.html">到达流程</a></li>
<li><a href="/guide/passenger/passenger.html">旅客须知</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>交通</strong>
<ul>
<li><a href="/traffic/tofrom/tofrom.html?id=294">往返机场</a></li>
<li><a href="/traffic/tramode/tramode.html?id=608">综合交通</a></li>
<li><a href="/traffic/parking/parking.html?id=614">停车楼</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>服务</strong>
<ul>
<li><a href="/service/promise/promise.html">服务承诺</a></li>
<li><a href="/service/love/love.html">爱心服务</a></li>
<li><a href="/service/luggage/luggage.html">行李服务</a></li>
<li><a href="/service/important/important.html">要客服务</a></li>
</ul>
<ul>
<li><a href="/service/wifi/wifi.html">网络服务</a></li>
<li><a href="/service/transit/transit.html">中转服务</a></li>
<li><a href="/service/map/map.html">地图服务</a></li>
<li><a href="/service/urgent/urgent.html">应急服务</a></li>
</ul>
<ul>
<li><a href="/service/goods/goods.html">货运服务</a></li>
<li><a href="/service/apm/apm.html">APM</a></li>
<li><a href="/service/city/city.html">城市候机楼</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>玩转机场</strong>
<ul>
<li><a href="/play/catering/catering.html">餐饮</a></li>
<li><a href="/play/shopping/shopping.html">购物</a></li>
<li><a href="/play/leisure/leisure.html">休闲</a></li>
<li><a href="/play/hotel/hotel.html">酒店</a></li>
</ul>
<ul>
<li><a href="/play/other/other.html">其他商业</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>guide</h2>
</div>
</div>
</div>
<!--二级菜单-->
<div class="mune w-100 ">
<div class="w-1200 t-c three">
<div class="list ">
<a href="/pwtf/jcjg/jcjg.html"><span><i class="icon-mune-44"></i>机场景观</span></a>
</div>
<div class="list active">
<a href="/pwtf/tfly/tfly.html"><span><i class="icon-mune-43"></i>天府旅游</span></a>
</div>
<div class="list ">
<a href="/pwtf/jcwc/jcwc.html"><span><i class="icon-mune-42"></i>机场文创</span></a>
</div>
</div>
</div>
<!-- 内容-->
<div class="content">
<div class="w-1200" aos="fade-up" aos-delay="100">
<!--面包屑-->
<div class="crumbs">
<a href="/">首页</a>
<span>天府旅游</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/tfly/ly2.png" class="top-img" alt="">
<div class="main">
<div class="title">九寨沟</div>
<div class="word">九寨沟位于四川省西北部岷山山脉南段的阿坝藏族羌族自治州九寨沟县漳扎镇境内地处岷山南段弓杆岭的东北侧。距离成都市400多千米系长江水系嘉陵江上游白水江源头的一条大支沟。 九寨沟自然保护区地势南高北低山谷深切高差悬殊。北缘九寨沟口海拔仅2000米中部峰岭均在4000米以上南缘达4500米以上主沟长30多公里。
       九寨沟——世界自然遗产、国家重点风景名胜区、国家AAAAA级旅游景区、国家级自然保护区、国家地质公园、世界生物圈保护区网络是中国第一个以保护自然风景为主要目的的自然保护区。九寨沟景区在外也美名远播东方人称之为“人间仙境”西方人则将之誉为“童话世界”。</div>
<div class="op">
<a href="/pwtfhtml/tfly/ly1.html"><span><</span> 上一条:稻城亚丁</a>
<a href="/pwtfhtml/tfly/ly3.html">下一条:三星堆博物馆<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="/opinion/opinion.html">
客户意见
</a>
<a href="/link/link.html">
友情链接
</a>
</div>
<div style="width:600px;margin:0 auto; padding:0px 0;margin-top:20px">
<p class="beian">© 2021成都天府国际机场版权所有</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">蜀ICP备2021003993号</p>
<img src="/image/batb.png" style="float:left;margin-left: 6px"/>
<p class="beian">川公网安备 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>