airport/CN/play/leisure/131.html

531 lines
20 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode 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/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" />
<!--<script>-->
<!-- document.onkeydown = function () {-->
<!-- if (window.event && window.event.keyCode == 123) {-->
<!-- event.keyCode = 0;-->
<!-- event.returnValue = false;-->
<!-- }-->
<!-- }-->
<!-- document.oncontextmenu = function (event) {-->
<!-- if (window.event) {-->
<!-- event = window.event;-->
<!-- }-->
<!-- try {-->
<!-- var the = event.srcElement;-->
<!-- if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {-->
<!-- return false;-->
<!-- }-->
<!-- return true;-->
<!-- } catch (e) {-->
<!-- return false;-->
<!-- }-->
<!-- }-->
<!--</script>--> </head>
<body>
<div class="sidebar-box">
<a href="javascript:;"><img src="/image/sbar_1.png" alt="">
<div class="fix_customer_service">
<div>
<img src="/image/phone_1.png" style="width: 50px;height: 50px;background: none">
客服热线<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="http://10.72.32.27
/"><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: "POST",
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="http://10.72.32.27
/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 fun-banner">
<div class="w-1200">
<div class="text" aos="fade-left" aos-delay="100">
<h3>玩转机场</h3>
<h2>Fun Airport</h2>
</div>
</div>
</div>
<!--二级菜单-->
<div class="mune w-100 fun-mune" >
<div class="w-1200 t-c">
<div class="list ">
<a href="/play/catering/catering.html"><span><i class="icon-mune-09"></i>餐饮</span></a>
</div>
<div class="list">
<a href="/play/shopping/shopping.html"><span><i class="icon-mune-10"></i>购物</span></a>
</div>
<div class="list ">
<a href="/play/leisure/leisure.html"><span><i class="icon-mune-11"></i>休闲</span></a>
</div>
<div class="list ">
<a href="/play/hotel/hotel.html"><span><i class="icon-mune-12"></i>酒店</span></a>
</div>
<div class="list ">
<a href="/play/other/other.html"><span><i class="icon-mune-13"></i>其他商业</span></a>
</div>
</div>
</div>
<!-- 内容-->
<div class="content">
<div class="w-1200" aos="fade-up" aos-delay="100">
<!--面包屑-->
<div class="crumbs">
<a href="http://10.72.32.27
/">首页</a>
<a href="/play/play.html">玩转机场</a>
<a href="/play/leisure/leisure.html">休闲</a>
</div>
</div>
<!---->
<div class="w-1200" aos="fade-up" aos-delay="100">
<div class="box box-100">
<!--右侧内容-->
<div class="f-r box-content">
<!--周边地图-->
<div class="name bg-name">
<h3>中国青旅</h3>
</div>
<!--轮播图-->
<div class="fun_swiper">
<div class="swiper-container gallery-top">
<div id="shang" class="swiper-wrapper">
</div>
<!-- Add Arrows -->
<!-- <div class="swiper-button-next swiper-button-white"></div>-->
<!-- <div class="swiper-button-prev swiper-button-white"></div>-->
<!-- </div>-->
<!-- <div class="swiper-container gallery-thumbs">-->
<!-- <div id="xia" class="swiper-wrapper">-->
<!-- </div>-->
<!-- </div>-->
</div>
<!--周边地图内容-->
<div class="box-txt top40">
<div class="huanhang">
<div class="yyfw">营业范围:</div>
<div class="jtnr">旅游服务</div>
</div>
<div class="huanhang">
<div class="yyfw">航站楼:</div>
<div class="jtnr">T2</div>
</div>
<div class="huanhang">
<div class="yyfw">位置:</div>
<div class="jtnr">L2到达大厅</div>
</div>
<div class="huanhang">
<div class="yyfw">营业时间:</div>
<div class="jtnr">营业时间待定</div>
</div>
<p style="margin-top:3px;margin-right:0;margin-bottom:11px;margin-left: 0;text-indent:32px;line-height:32px"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px; text-align: justify; text-indent: 2em;">四川省中国青年旅行社是中青旅联盟成员单位、四川省最大的国际旅行社之一享有出境游、国内游、入境游和台湾游经营权是值得信赖的实力旅行社。成立于1981年,其前身为四川省青年联合会名义兴办的四川青年旅行社隶属于共青团四川省委领导的全民所有制企业初期为国家二类旅行社1986年团省委正式批复成立“中国青年旅行社四川分社”1993年根据国家旅游局要求由原“中国青年旅行社四川分社”正式更名为“四川省中国青年旅行社”。2010年推进公司制改革整体进入四川旅游发展集团有限责任公司更名为“四川省中国青年旅行社有限公司”简称“四川青旅”是四川旅游发展集团全资子公司。2015年公司注册资本增至1300万元。</span><br/></p><p><br/></p>
</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(){
var img = "/qwer/202104/fcb7fa63439148f4af67a7d77fd09c00.png".split(",");
var imghtml = "";
for (var i = 1 ; i<img.length;i++){
imghtml += "<div class=\"swiper-slide\"><img src=\""+img[i]+"\" ></div>"
}
$("#shang").html(imghtml);
$("#xia").html(imghtml);
var galleryThumbs = new Swiper('.gallery-thumbs', {
slidesPerView: 3,
spaceBetween: 10,
// loop: true,
freeMode: true,
loopedSlides: 5,
watchSlidesVisibility: true,
watchSlidesProgress: true,
1025: {
slidesPerView: 4,
spaceBetween: 40
}
});
var galleryTop = new Swiper('.gallery-top', {
spaceBetween: 10,
loop: true,
loopedSlides: 5,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
thumbs: {
swiper: galleryThumbs,
},
});
})
</script>
<style>
.yyfw{
font-family: "Microsoft YaHei";
font-size: 18px;
font-weight:bold;
display: inline;
}
.jtnr{
font-family: "Microsoft YaHei";
font-size: 18px;
display: inline;
}
.huanhang{
text-indent: 32px;
line-height: 3em;
}
</style>
</body>
</html>