﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/nav.js"></script>
    <script type="text/javascript" src="js/jquery.superslide.2.1.1.js"></script>
    <title>公司动态 <?php echo e($data['title']); ?></title>
    <meta name="Keywords" content="花卉、種子、盆栽、苗木資源及國際貿易經驗,<?php echo e($data['keywords']); ?>">
    <meta name="Description"
          content="天元國際貿易有限公司總部位於香港，在中國內地多個地方設有分場。是一家擁有豐富花卉苗木採購，種植及進出口貿易經驗的專業公司 <?php echo e($data['description']); ?>">
    <link rel="icon" href="images/favicon.gif" type="image/gif">
    <link rel="shortcut icon" href="images/favicon.ico">
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<script language="javascript">
    function checkform3(nForm) {
        if (nForm.keys.value == "" || nForm.keys.value == "搜索关键词") {
            alert("请输入关键字!");
            nForm.keys.focus();
            return false;
        }
    }
</script>
<script type="text/javascript" src="js/zh.js"></script>
<script>
    zh_tran('t');
</script>
<div class="top_bg">
    <div class="menu b_center">
        <div class="logo_l" style="height: 99px;
    line-height: 99px;
    font-size: 30px;
    color: #ccc;">
            天元国际贸易
        </div>
        <div class="logo_r">
            <div class="nav">
                <ul>
                    <li class="m ">
                        <h3><a href="index.html" title="首页">首页</a></h3>
                    </li>
                    <li class="m ">
                        <h3><a href="about.html" title="关于我们">关于我们</a></h3>
                    <li class="m on">
                        <h3><a href="news.html" title="公司动态">公司动态</a></h3>
                    </li>
                    <li class="m ">
                        <h3><a href="products.html" title="产品展示">产品展示</a></h3>
                    </li>
                    <li class="m ">
                        <h3><a href="case.html" title="工程案例">工程案例</a></h3>
                    </li>
                    <li class="m ">
                        <h3><a href="contact.html" title="联系我们">联系我们</a></h3>
                    </li>
                </ul>
                <script type="text/javascript"> jQuery(".nav").slide({
                        type: "menu",
                        titCell: ".m",
                        targetCell: ".sub",
                        effect: "slideDown",
                        delayTime: 300,
                        triggerTime: 100,
                        returnDefault: true
                    });</script>
            </div>
        </div>
        <!-- clear the floats if required -->
        <div class="clear">
        </div>
    </div>
</div>
<!--header00 end-->
<div class="h84">
    &nbsp;
</div>
<!--banner star-->
<div class="o_big" style="background:url(images/news.jpg) no-repeat center top;">
    &nbsp;
</div>
<!--banner_sub end-->
<div class="i_solution_t" style=" margin-bottom:0;">
    <h2>公司动态</h2>
    <div class="solution_a">
        当前位置:<a href="#">首页</a>&nbsp;&gt;&nbsp;<label>公司动态</label>
    </div>
</div>
<!--正文begin-->
<div class="news_bg">
    <h2 class="show_t">中式和日式庭院的比較分析</h2>
    <div class="con_line">
        时间：2017-01-10&nbsp;&nbsp;&nbsp;点击次数：120
    </div>
</div>
<div class="about_x">
    <div class="con_id">
        <p class="p">
            <b><span>一、中式庭院的特色</span></b>
        </p>
        <p class="MsoNormal">
            作者：薑薑
        </p>
        <p class="p">
            1
            <span>、對植物的獨特審美觀</span>
        </p>
        <p class="p">
            <span>在植物品種選擇上，追求質樸、清逸的種植風格，這與中國古代文人所崇尚的自然審美思想有直接關係。植物被賦予了人的情感、人的性格。一方面對其外在的</span>“<span>形</span><span>”</span><span>，即色、香、姿等有個體觀賞要求，需要植物本身具有獨立成景的觀賞美；另一方面，對植物的人文內涵也提出更高要求。古典庭院中的植物不以數量取勝，而更注重植物本身的審美。重視花木的形姿、畫意。植物以古、奇、雅、色、香、姿為上選。在配置形式上，多以孤植、對植及三五株叢植為主。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            2
            <span>、植物營造庭院空間的意境</span>
        </p>
        <p class="p">
            <span>意境是中國藝術的創作和鑒賞方面的一個極其重要的美學範疇。意境產生於藝術創作中，即創作者把自己的感情、理念熔鑄於客觀生活、景觀之中，從而引發鑒賞者類似的情感激動和理念聯想。古典庭院對植物的運用不僅重視外在物質表像的審美，也重視植物內在的</span>“<span>意蘊</span><span>”</span><span>。植物常與比擬和寓意聯繫在一起，在造景形式上注重色、香、韻，力求深遠、含蓄、內秀，情景交融，寓情於景。例如，用松柏的蒼勁、翠竹的瀟灑、海棠的嬌豔、芭蕉的灑脫、楊柳的飄逸來寓意造景。</span>
        </p>
        <p class="p">
            <span>明清時期植物對小庭院空間意境的營造作用更為突出。植物大多以簡代繁、以少勝多，常常以三五株植物叢栽布成咫尺山林之景，以有限的數量表達無限的意蘊。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            3
            <span>、有成熟的理論和種植程式</span>
        </p>
        <p class="p">
            <span>自明代開始，古典園林的造園技巧有了成熟的理論總結，出現了造園專著或與造園相關的其他著述。例如，在《園冶》中對相地、因地制宜、借景的種植手法有詳細論述，還包括大量種植程式的總結，如</span>“<span>栽梅繞屋</span><span>”</span><span>、</span><span>“</span><span>芍藥宜欄</span><span>”</span><span>、</span><span>“</span><span>院廣堪梧，堤灣宜柳</span><span>”</span><span>等。在小庭院中，有一些建築環境植物種植程式沿襲下來，如</span><span>“</span><span>移竹當窗</span><span>”</span><span>、</span><span>“</span><span>薔薇扶壁</span><span>”</span><span>、</span><span>“</span><span>榴花照門</span><span>”</span><span>、</span><span>“</span><span>紫藤盤角</span><span>”</span><span>，都是花木配置的典範。</span>
        </p>
        <p class="p">
            <span>清代中、晚期的小庭院，往往不僅突出植物的色、香、姿美，還與植物本身內涵互相映襯，展現詩情畫意的美景。一般採用幾種花木叢植或少量群植，如在粉牆前面豎以湖石，再配置芭蕉、翠竹和其他花木；或在漏窗、景窗前配置植物，使之構成一幅幅生機盎然的圖畫。另外，花台、盆景、盆栽等運用甚廣，在廳前屋後、軒房廊側等處均可見到，點綴恰到好處。</span>
        </p>
        <p class="MsoNormal">
            <br/>
            <b>二、中式庭院還講究風水</b><br/>
            1、我國古代風水學主張庭院應廣種植物、花草，認為它具有“藏水、避風、陪萌地脈、化解煞氣、增旺增吉”四大功能。但是，庭院植物不可亂種。
        </p>
        <p class="p">
            ①
            <span>關於樹的種類選擇</span>
        </p>
        <p class="p">
            <span>風水學認為植物分為凶吉兩類。凶者劃分有兩種標準：一是要以是否有毒氣、毒液為標準進行劃分，這是有一定科學依據的。如有的學者認為夜來香晚間會散發大量強烈刺激嗅覺的微粒，對心臟病和高血壓患者有不利影響，夾竹桃的花朵有毒，花香容易使人昏睡，降低人體功能，鬱金香花有土堿，過多接觸毛髮容易脫落等等，屬凶樹，不宜庭院栽。二是以樹的形狀來論凶吉，如</span>“<span>大樹古怪，氣痛名敗</span><span>”</span><span>、</span><span>“</span><span>樹屈駝背，丁財俱退</span><span>”</span><span>、</span><span>“</span><span>樹似伏牛，蝸居病多</span><span>”</span><span>等。凡長相不周正、端莊，發育不正常的樹木則為凶。這一點恐怕是心理作用或是傳統人文美學觀念在起作用。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            <span>至於吉樹，它是根據植物特性、寓意甚至諧音來確定，如風水學者認為棕櫚、橘樹、竹、椿、槐樹、桂花、靈芝、梅、榕、棗、石榴、葡萄、海棠等</span>13<span>種植物為增吉植物，桃、柳、艾、銀杏、柏、茱萸、無患子、葫蘆等</span><span>8</span><span>種植物有化煞驅邪作用。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            ②
            <span>關於栽種方位</span>
        </p>
        <p class="p">
            <span>禁忌一：庭院中央不宜植栽</span>
        </p>
        <p class="p">
            <span>庭院中心不宜種樹，樹根會破壞平坦的庭院。大樹居中，容易擋掉房子的陽光，不利於採光。另外，此外正對自家大門的位置也不適宜。</span>
        </p>
        <p class="p">
            <span>禁忌二：宅前不應有樹傾斜</span>
        </p>
        <p class="p">
            <span>如果宅前有傾斜樹，說明住宅所受的陽光有特定的角度，樹木的生長重心總在一個固有方向，假以時日很可能樹幹不能支撐樹枝，也存在安全隱患。</span>
        </p>
        <p class="p">
            <span>禁忌三：前門不宜有枯樹</span>
        </p>
        <p class="p">
            <span>假使有樹木枯萎敗朽，那可能此地的地氣存在問題，人居於此，則人的運氣也會依其運的旺衰而運行。另一方面，枯樹在門前，在視覺、心理上都形成陰影，影響一家人的情緒，久而久之，則對居住者會造成不利影響。</span>
        </p>
        <p class="p">
            <span>禁忌四：窗前不宜有樹</span>
        </p>
        <p class="p">
            <span>窗外的婆娑樹影和斑駁的光影會帶給居住者清爽的心情，但要注意的是，樹不宜太貼近窗子，否則會招致陰濕之氣，不利於居住者身體健康。一般來說，窗前之樹要離開</span>2<span>米以上。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            ③
            <span>關於植樹數量</span>
        </p>
        <p class="p">
            <span>周圍局形大窄的情況下，不可多栽樹，否則會助其陰</span>;<span>唯於背後左右之處有疏曠者，則密植以障其空。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            2
            <span>、水景佈置的風水原則</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            ①
            <span>屋外有流水的話，方向不直對房屋。</span>
        </p>
        <p class="p">
            <span>水景不能成暗流，這會讓地底受潮，影響整個居住環境的水汽。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            ②
            <span>水景的水不可直接流出門外。</span>
        </p>
        <p class="p">
            <span>在風水裏，這是流財之象。如果是庭前流水水景，那麼最好環繞。庭院有池形水景，一般不做滿圓形，事物盈滿則虧。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            ③
            <span>房屋南面不出水。</span>
        </p>
        <p class="p">
            <span>風水上將南面出水，稱為直瀉元辰，也是家財破敗之象。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            ④
            <span>院中有噴泉就使用活水。</span>
        </p>
        <p class="p">
            <span>用活水有助於活躍家居氣流，避免財氣停滯。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="MsoNormal">
            日本庭院的特點：
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="MsoNormal">
            <span>作者：</span>SKY.SWING
        </p>
        <p class="MsoNormal">
            <br/>
            <b><span>源於自然</span>,匠心獨運。</b><span>日本園林充分利用造園者的想像</span>,從自然中獲得靈感,創造出一個對立統一的景觀。注重選材的樸素、自然,以體現材料本身的紋理、質感為美。造園者把粗獷樸實的石料和木材,竹、藤砂、苔蘚等植被以自然界的法則加以精心佈置,使自然之美濃縮於一石一木之間,使人仿佛置身於一種簡樸、謙虛的至美境界。<br/>
            <b><span>講究寫意</span>,意味深長。</b><span>日本園林常以寫意象徵手法表現自然</span>,構圖簡潔、意蘊豐富。其典型表現便是多見於小巧、靜謐、深邃的禪宗寺院的“枯山水”園林。在其特有的環境氣氛中,細細耙制的白砂石鋪地、疊放有致的幾尊石組,便能表現大江大海、島嶼、山川;不用滴水卻能表現恣意汪洋,不築一山卻能體現高山峻嶺,懸崖峭壁。它同音樂、繪畫、文學一樣,可表達深沉的哲理,體現出大自然的風貌特徵和含蓄雋永的審美情趣。<br/>
            <b><span>追求細節</span>,構築完美。</b><span>對於細節的刻畫是日本園林中的點睛之筆</span>,對微小的東西如一根枝條,一塊石頭所作出的感性表現,顯得極其關心並看得非常重要,這些在飛石、石燈籠、門、洗手缽等的細節處理上都有充分的體現。<br/>
            <b><span>清幽恬靜</span>,凝練素雅。</b><span>日本的自然山水園</span>,具有清幽恬靜,凝練素雅的整體風格,尤其是日本的“茶庭”,“飛石以步幅而點,茶室據荒原野處。松風笑看落葉無數,茶客有無道緣未知。蹲踞以洗心,守關以坐忘。禪茶同趣,天人合一。”小巧精緻,清雅素潔;不用花卉點綴,不用濃豔色彩,一概運用統一的綠色系。為了體現茶道中所講究的“和、寂、清、靜”和日本茶道歌道美學中所追求的“佗”美和“寂”美,在相當有限的空間內,表現出深山幽谷之境,給人以寂靜空靈之感。空間上,對園內的植物進行複雜多樣的修整,使植物自然生動,枝葉舒展,體現出天然本性。<br/>
            <b><span>談佛論法</span>,體現禪意。</b><span>宗教在日本一直處於重要地位</span>,而寺院、神社則是日本文化中重要的象徵物。日本園林的造園思想受到極其濃厚的宗教思想的影響,追求一種遠離塵世,超凡脫俗的境界。特別是後期的枯山水,竭盡其簡潔,竭盡其純潔,無樹無花,只用幾尊石組,一塊白砂,凝纏成一方淨土。
        </p>
        <p class="MsoNormal">
            <br/>
            “
            枯山水”一般面積不大，很少有超過1000平米的，所以大都叫“庭園”，而不是“園林”。惟其小，便於精雕細琢，將每一細節做到極致。在一些人眼裏,把它看作是放大版的盆景,似乎也不為過。江戶時期以來，一些頗具禪學的人士在自家宅邸的小院落裏也紛紛營造“枯山水”，通常只有幾平方米到二、三十平方米大。
            <br/>
            <span> 如今，</span>“枯山水”早已經不囿於禪寺，它邁向了更廣闊的天地。在日本，一般的公園時常能夠見到，還被推廣到學校、企業、機關、劇場、展覽館、圖書館等場所。可見，這種審美情趣已經浸透到日本人的骨髓裏邊，成為日本文化的一種符號，一種揮之不去的情結。<br/>
            枯山水，顧名思義，庭園內不用水，表現的山水是乾枯的。它以各種形態的天然塊石代表山岩、島嶼，地上鋪設白砂（一種從河灘中采來的石英砂），砂面上耙出水波紋的圖形，以象徵江河湖海。通過塊石的排列組合，白砂的鋪襯，形成山峰、島嶼、澗穀、溪流、湖海、瀑布等多種山水景觀。園中有時也點綴一些常綠的樹木和灌木花卉，或苔蘚、微蕨等，或者根本沒有花木。在枯山水中，庭園中所用的石頭不同於中國的湖石，它不求瘦、皺、漏、透，而求氣勢渾厚；理石方法也不是疊掇，而是利用石頭本身的特點，單獨或成組地點布。象徵水面的白砂常被耙成一道道曲線，猶如萬重波瀾，石塊根部的砂石耙成環形，似驚濤拍岸。花木疏簡而矮小，精心控制樹形而又盡力保持它們的自然形態，以求與整個枯山水的風格相協調一致。這種以凝思自然景觀為主的審美方式，典型地表現了禪宗的美學思想，同時也反映了日本特有的民族審美意向。
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            <b><span>中式和日式庭院的比較分析：</span></b>
        </p>
        <p class="MsoNormal">
            作者：薑薑
        </p>
        <p class="p">
            <span>一、總體而言</span>
        </p>
        <p class="p">
            <span>中國傳統的庭院規劃深受傳統哲學和繪畫的影響，甚至有</span>“<span>繪畫乃造園之母</span><span>”</span><span>的理論，最具參考性的是明清兩代的江南私家園林。江南私家園林重視寓情於景，情景交融，寓義於物，以物比德。園景主體為自然風光，亭臺參差、廊房婉轉作為陪襯。庭院景觀依地勢而建，注重文化積澱，講究氣質與韻味，強調點面的精巧，追求詩情畫意和清幽平淡質樸自然的園林景觀。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            <span>日本庭院源自中國秦漢文化，至今中國古典園林的痕跡仍依稀可辨，日本園林擺脫詩情畫意和浪漫情趣，走向了枯、寂、佗的境界。日式庭園有幾種類型，包括傳統的耙有細沙紋的禪宗花園、融湖泊、小橋和自然景觀於一體的古典步行式庭園、以及四周環繞著竹籬笆的僻靜茶園。也可以說是中式庭院一個精巧的微縮版本，細節上的處理是日式庭院最精彩的地方。</span>
        </p>
        <p class="MsoNormal">
            &nbsp;
        </p>
        <p class="p">
            <span>二、細節區別</span>
        </p>
        <p class="p">
            <span>【色彩和圖案差異】</span>
        </p>
        <p class="p">
            <span>中式園林色彩應用較中和，多為灰白色。構圖上以曲線為主，講究曲徑通幽，忌諱一覽無餘。</span>
        </p>
        <p class="p">
            <span>日式園林整體風格的寧靜、簡樸甚至是節儉的。它的色彩奇妙，裏裏外外都泛著灰色，而不是俗氣的豔色，各種潤飾也降到最低限度。</span>
        </p>
        <p class="p">
            <span>【鋪地與材料】</span>
        </p>
        <p class="p">
            <span>中式園林鋪地材料採用天然石材、卵石。</span>
        </p>
        <p class="p">
            <span>日式風格的庭院更注重地面的裝飾，庭院中洋溢著一股生命的力量。木質材料，特別是木平臺在日式風格的庭院中經常使用。在傳統的日式風格的庭院中，鋪地材料通常選用不規則的鵝卵石和河石，還有丹波石和大理石鋪裝。此外還有碎石、殘木、青苔石組和竹籬笆。</span>
        </p>
        <p class="p">
            <span>【植物】</span>
        </p>
        <p class="p">
            <span>中式庭院植物有著明確的寓意和嚴格的位置。如屋後栽竹，廳前植桂，花壇種牡丹、芍藥，階前梧桐，轉角芭蕉，坡地白皮松，水池栽荷花，點景用竹子、石筍，小品用石桌椅、孤賞石等等。</span>
        </p>
        <p class="p">
            <span>日式應用常綠樹較多，一般由日本黑松、紅松、雪松、羅漢松、花柏、厚皮香等；落葉樹中的色葉銀杏、槭樹，尤其是紅楓，櫻花、梅花及杜鵑等。在栽培容器方面，石器是比較傳統的，可擺放在庭院中關鍵的位置。</span>
        </p>
        <p class="p">
            <span>【特色與潤飾】</span>
        </p>
        <p class="p">
            <span>渾然天成，幽遠空靈。中式庭園講究借景、藏露，變化無窮。充滿象徵意味的山水是它最重要的組成元素，然後才是建築風格，最後才是花草樹木。</span>
        </p>
        <p class="p">
            <span>日本庭院的典型特徵是一尊石佛像或石龕或岩石是這類風格不可少的，同時飛石、汀步和洗手的蹲踞及照明用的石燈籠。</span>
        </p>
        <p class="p">
            <span>【造園手法】</span>
        </p>
        <p class="p">
            <span>中式園林</span>“<span>崇尚自然，師法自然</span><span>”</span><span>在有限的空間範圍內利用自然條件，模擬大自然中的美景，把建築、山水、植物有機地融合為一體，使自然美與人工美統一起來，創造出與自然環境協調共生、天人合一的藝術綜合體，並用中式庭院最具代表性的植物梅、蘭、菊、竹作為庭院的設計主題，以此隱喻主人的虛心、有節、挺拔淩雲、不畏霜寒的君子風範。常用</span><span>“</span><span>小中見大</span><span>”</span><span>的手法，造園時多採用障景、借景、仰視、延長和增加園路起伏等手法，利用大小、高低、曲直、虛實等對比達到擴大空間感的目的，產生</span><span>“</span><span>小中見大</span><span>”</span><span>的效果。 </span>
        </p>
        <p class="p">
            <span>日本傳統庭院中的真、行、草佈局手法，則表示了由繁到簡、由仿真到擬意的不同風格樣式。本庭院憑著對水、石、少的絕妙佈局，用質樸的素材、抽象的手法表達玄妙深邃的儒、釋、道法理。用園林語言來解釋</span>“<span>長者諸子，出三界之火宅，坐清涼之露地</span><span>”</span><span>的境界。</span>
        </p>
    </div>
</div>
<div class="prenext">
    上一篇：
    <a href='#'>真柏盆景修剪方法</a><br/>
    下一篇：
    <a>已是最后一篇</a>
    <a href="#" class="goback">返回列表</a>
    </ul>
</div>
<div class="tujie">
    <h2>相关推荐</h2>
</div>
<div class="tujie_ul">
    <ul>
        <li><a href="#" title="真柏盆景修剪方法">真柏盆景修剪方法</a></li>
        <li><a href="#" title="天元国际贸易有限公司网站全新改版">天元国际贸易有限公司网站全新改版</a></li>
        <li><a href="#" title="淺談中國古典園林中的假山藝術">淺談中國古典園林中的假山藝術</a></li>
    </ul>
</div>
<!--正文end--><!--尾部begin-->
<div class="foot_txt">
    <div class="wrap" style="position:relative;">
        ADD：KAM TIN NT HONKONG 客服电话：0760-23864215/13249692869
        <br/>
        <a href="#" title="关于我们" class="foot_title">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="#" title="公司动态">公司动态</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="#" title="产品展示">产品展示</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="#" title="工程案例">工程案例</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="#" title="视频中心">视频中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="#" title="联系我们">联系我们</a>
        <a href="#" class="f_top" onclick="goTop()">&nbsp;</a>
    </div>
</div>
<div class="f_bg">
    <div class="b_center" style="width:1200px;">
        <?php if($data['open_foot'] == 1): ?>
            <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
            <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
            <span style="display: inline !important">友情链接:
                <?php foreach($data['lianjie_name'] as $key => $vo): ?>
                    <a style="display: inline !important; color:#000;marhin-rignt:10px;"
                       href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                <?php endforeach; ?>
                </span>
        <?php else: ?>
            <span class="l">Copyright © 天元国际贸易有限公司 All Rights Reserved &nbsp;</span>
            <div class="contact_a">
                <ul>
                    <li><a href="#" class="foot_qq"></a></li>
                    <li><a href="#" class="foot_weixin"><img src="upload/picture/ewm.png"/></a></li>
                </ul>
            </div>
            <div class="c_l">
            </div>
        <?php endif; ?>
    </div>
</div>
<div class="b_center" style="width:1200px;">
    <span class="l">Copyright © 天元国际贸易有限公司 All Rights Reserved&nbsp;&nbsp;</span>
    <div class="contact_a">
        <ul>
            <li><a href="#" class="foot_qq"></a></li>
            <li><a href="#" class="foot_weixin"><img src="upload/picture/ewm.png"/></a></li>
        </ul>
    </div>
    <div class="c_l">
    </div>
</div>
</div>
<!--尾部end-->
<script language="javascript" src="js/foot.js"></script>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
    <script>
        let bd_image = "<?php echo e($data['bd_image']); ?>",
            bd_link = "<?php echo e($data['bd_link']); ?>";
    </script>
    <script src="/static/js/bd.js"></script>
<?php endif; ?>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</body>
</html>