airport/CN/EN/play/leisure/251.html

525 lines
18 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>
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="http://10.72.32.27
/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: "POST",
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="http://10.72.32.27
/" 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>Play</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 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="/EN/play/catering/catering.html"><span><i class="icon-mune-09"></i>Dining</span></a>
</div>
<div class="list">
<a href="/EN/play/shopping/shopping.html"><span><i class="icon-mune-10"></i>Shopping</span></a>
</div>
<div class="list ">
<a href="/EN/play/leisure/leisure.html"><span><i class="icon-mune-11"></i>Happy Tour</span></a>
</div>
<div class="list ">
<a href="/EN/play/hotel/hotel.html"><span><i class="icon-mune-12"></i>Airport Hotel</span></a>
</div>
<div class="list ">
<a href="/EN/play/other/other.html"><span><i class="icon-mune-13"></i>More to Discover</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
/EN/">HomePage</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>FUQIAO MASSAGE</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">Main businesses</div>
<div class="jtnr">Massage,Feet-bathing</div>
</div>
<div class="huanhang">
<div class="yyfw">Terminal</div>
<div class="jtnr">T2</div>
</div>
<div class="huanhang">
<div class="yyfw">Location</div>
<div class="jtnr">L4</div>
</div>
<div class="huanhang">
<div class="yyfw">Business hours</div>
<div class="jtnr">to be determined</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(){
var img = "/qwer/202104/d8264aae40404962a2620a0d811959b2.png,/qwer/202104/60a027f23b2c48649d82cbc9ebc67392.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>