498 lines
18 KiB
HTML
498 lines
18 KiB
HTML
<!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>
|
||
<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>
|
||
Weixin APP<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>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.25
|
||
/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').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">Brief 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.25
|
||
/" 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">Discover</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">Departure flight</a></li>
|
||
<li><a href="/EN/flight/arrival/arrival.html">Arrival flight</a></li>
|
||
<li><a href="/EN/flight/route/route.html">Routes</a></li>
|
||
<li><a href="/EN/flight/airline/airline.html">Airline Company</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">Departures</a></li>
|
||
<li><a href="/EN/guide/transfer/transfer.html">Transfer</a></li>
|
||
<li><a href="/EN/guide/arrival/arrival.html">Arrivals</a></li>
|
||
<li><a href="/EN/guide/notice/notice.html">Passengers Information</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</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">Luggage 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 Service</a></li>
|
||
<li><a href="/EN/service/map/map.html">Map Service</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>其他</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.25
|
||
/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>COSTA</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/20210402/d7e6c9e34cfb4f1dad9d1cbc037138c2.png,/qwer/20210402/6c1889012acc4c9c8e31c85ec53730ba.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>COSTA简介：</h4>
|
||
<p>COSTACOSTA</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="/EN/opinion/opinion.html">
|
||
Opinion
|
||
</a>
|
||
<a href="/EN/links/links.html">
|
||
Links
|
||
</a>
|
||
</div>
|
||
<div style="width:800px;margin:0 auto; padding:0px 0;margin-top:20px">
|
||
<p class="beian">© 2021Copyright Chengdu Tianfu International Airport</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">ICP2021003993</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/20210402/d7e6c9e34cfb4f1dad9d1cbc037138c2.png,/qwer/20210402/6c1889012acc4c9c8e31c85ec53730ba.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>
|