airport/CN/play/other/38.html

482 lines
20 KiB
HTML
Raw Permalink 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" />
<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> </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="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();
console.log(name)
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').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/other/other.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 class="swiper-slide"><img src="/qwer/20201026/54b2dd74abc0472eb3a255446e0ab6f2.png,/qwer/20201029/4f74637ef08c40edaedf8fec45264e76.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_2.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_3.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_4.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_5.png" ></div>-->
</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 class="swiper-slide"><img src="/image/fun/img_1.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_2.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_3.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_4.png" ></div>-->
<!-- <div class="swiper-slide"><img src="/image/fun/img_5.png" ></div>-->
</div>
</div>
</div>
<!--周边地图内容-->
<div class="box-txt top40">
<h4>四川博物馆简介:</h4>
<p style="text-indent:37px"><span style="font-size:19px;font-family:宋体">四川博物院始建于1941年位于四川省成都市浣花溪历史文化风景区是西南地区最大的综合性博物馆在全国公共博物馆中占有重要地位。 2009年随着新馆落成由四川博物馆改称现名。</span></p><p style="text-indent:37px"><span style="font-size:19px;font-family:宋体">四川博物院现有院藏文物26万余件其中珍贵文物5万余件。四川博物院拥有专职、兼职研究员30余人先后研究出版了《四川博物院藏〈格萨尔〉唐卡研究》《四川出土南朝佛教造像研究》《馆藏书画精品集》等学术著作。</span></p><p style="text-indent:37px"><span style="font-size:19px;font-family:宋体">2008</span><span style="font-size:19px;font-family:宋体">年5月四川博物院新馆开馆的同时我们就把文化创意产品的开发、研制、销售和宣传工作作为重要工作之一纳入全院每年的工作计划。这一工作一直得到四川省文化厅、省文物管理局给予的大力支持和指导。四川省委、省政府、省文化厅、省文物管理局一贯强调博物馆在办好展览做好学术工作和社会教育工作的同时把给公众提供文化创意产品作为弘扬中华传统文化作为挖掘和发扬巴蜀文化作为宣传四川介绍四川的一项重要工作。</span></p><p style="text-indent:37px"><span style="font-size:19px;font-family:宋体">从开馆至今据统计我院已研发制作文创产品包括开馆至今我院引进商家四川宝光文化发展有限公司研发制作文创产品千余种另2012年我院制作东方美神头像2014年生产张大千印存2014年我院和成都市政府联合制作张大千《西康游记》册页2015年生产格萨尔王唐卡等。近期我院即将联合多个商家新开发制作木制类、陶器类、纸质类等百余种文创产品。</span></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/20201026/54b2dd74abc0472eb3a255446e0ab6f2.png,/qwer/20201029/4f74637ef08c40edaedf8fec45264e76.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>
</body>
</html>