<!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>