<!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> <#list arclist_0 as item> ${item.content!''}<br> </#list> Mini Program<br> </div> <img src="/image/ewm_1.png"> </div> </a> <#list channel_1 as item> <a href="/EN${item.typelink!''}"><img src="/image/sbar_2.png" alt=""><span>${item.typetitle!''}</span></a> </#list> <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> <#list channel_2 as item> <#if item.typeid==539> <a href="http://ctia.chinahr.com">${item.typetitle!''}</a> <#else> <a href="/EN${item.typelink!''}">${item.typetitle!''}</a> </#if> </#list> </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> <#list channel_3 as item> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#list> </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> <#list channel_4 as item> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#list> </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> <#list channel_5 as item> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#list> </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> <#list channel_6 as item> <#if item.id==346> <li><a href="/EN${item.typelink!''}?id=679">${item.typetitle!''}</a></li> <#elseif item.id=590> <li><a href="/EN${item.typelink!''}?id=683">${item.typetitle!''}</a></li> <#elseif item.id=591> <li><a href="/EN${item.typelink!''}?id=689">${item.typetitle!''}</a></li> </#if> </#list> </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> <#list channel_7 as item> <#if item.typeindex gte 1 && item.typeindex lte 4> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#if> </#list> </ul> <ul> <#list channel_7 as item> <#if item.typeindex gte 5 && item.typeindex lte 8> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#if> </#list> </ul> <ul> <#list channel_7 as item> <#if item.typeindex gte 9 && item.typeindex lte 12> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#if> </#list> </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> <#list channel_10 as item> <#if item.typeindex gte 1 && item.typeindex lte 4> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#if> </#list> </ul> <ul> <#list channel_10 as item> <#if item.typeindex gte 5 && item.typeindex lte 8> <li><a href="/EN${item.typelink!''}">${item.typetitle!''}</a></li> </#if> </#list> </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>Exploring Tianfu</h2> </div> </div> </div> <!--二级菜单--> <div class="mune w-100 "> <div class="w-1200 t-c three"> <#list channel_12 as item> <#if item.typeid==747> <div class="list active"> <a href="${item.typelink!''}"><span><i class="icon-mune-42"></i>${item.typetitle!''}</span></a> </div> <#elseif item.typeid==745> <div class="list "> <a href="${item.typelink!''}"><span><i class="icon-mune-43"></i>${item.typetitle!''}</span></a> </div> <#elseif item.typeid==743> <div class="list "> <a href="${item.typelink!''}"><span><i class="icon-mune-44"></i>${item.typetitle!''}</span></a> </div> </#if> </#list> </div> </div> <!-- 内容--> <div class="content"> <div class="w-1200" aos="fade-up" aos-delay="100"> <!--面包屑--> <div class="crumbs"> <a href="#">首页</a> </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/jcjg/ys.png" class="top-img" alt=""> <div class="main"> <div class="title"><#list field.title_13 as item></div> <div class="word"><#list field.content_14 as item></div> <div class="op"> <a href=""><span><</span> 上一条:</a> <a href="/pwtfhtml/jcjg/ct.html">下一条:体验式庭院2-草堂 <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>