Tibetan_culture_web
/
tea-horse-ancient-road.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>茶马文化</title>

    <!-- bootstrap -->
    <link rel='stylesheet' href='lib/bootstrap-3.3.7-dist/css/bootstrap.css'>

    <!-- animated -->
    <link rel="stylesheet" href="lib/animate.css">
    <!-- 引入自己需要的css -->
    <!-- 如果banner参用此页面的需要引入banner.css -->
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/tea-horse-ancient-road.css">
    <link rel="stylesheet" href="css/nav_and_footer.css">
    <!-- 公用css-->
    <link rel="stylesheet" href="css/public.css">
</head>
<body>

<header class="animated fadeInDown">
    <div class="nav-container">
        <div class="logo">
            <a href="index.html">
                <!--<img src="imgs/tibet-light.png" id="logo1" />-->
                <img src="imgs/tibet-dark.png" id="logo1"/>
                <img src="imgs/tibet-light.png" id="logo2"/>
            </a>
        </div>
        <div class="btn-span only-sp">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <nav class="">
            <ul class="fr">
                <li class="smallPC"><a target="_self" href="index.html">首页</a></li>
                <li class="smallPC"><a target="_self" href="religious_culture.html">宗教信仰</a></li>
                <li class="smallPC navLink"><a target="_self" href="tea-horse-ancient-road.html">茶马文化</a></li>
                <li class="smallPC"><a target="_self" href="local_culture.html">风土人情</a></li>
                <li class="smallPC"><a href="history.html">历史</a></li>
                <li class="smallPC"><a target="_self" href="route.html">感受路线</a></li>
                <li class="smallPC"><a target="_self" href="travels.html">游记</a></li>
            </ul>
        </nav>
    </div>
</header>


<!-- 起源 -->
<div id="origin" class="container-fluid no-padding">
    <div class="headline animated fadeInRight">
        <h2 class="no-margin">起源</h2>
        <p class="no-padding no-margin"></p>
        <h2 class="no-margin">ORIGIN</h2>
    </div>
    <div class="row content">
        <div class="img animated fadeInLeft"><img src="imgs/tea_horse_ancient_road/route1.jpg" alt=""></div>
        <div class="info animated fadeInRight">
            <p>茶马古道起源于唐宋时期的“茶马互市”。因康藏属高寒地区，海拔都在三四千米以上，糌粑、奶类、酥油、牛
                羊肉是藏民的主食。在高寒地区，需要摄入含热量高的脂肪，但没有蔬菜，糌粑又燥热，过多的脂肪在人体内不易分解，而茶
                药材等和川滇及内地出产的茶叶、布匹、盐和日用器皿等等</p>
        </div>
    </div>
</div>

<!-- 形成过程 -->
<div id="formation" class="container-fluid">
    <div class="headline">
        <h2 class="no-margin">形成过程</h2>
        <p class="no-padding no-margin"></p>
        <h2 class="no-margin">FORMATION</h2>
    </div>
    <div class="content row">
        <div class="img col-md-6">
            <div class="big"><img src="imgs/tea_horse_ancient_road/route4.jpg" alt=""></div>
            <div class="small"><img src="imgs/tea_horse_ancient_road/route2.jpg" alt=""></div>
        </div>
        <div class="col-md-6 info">
            <div class="title"><h2>川藏古茶道</h2></div>
            <div class="desc"><p>从四川雅安出发，经泸定、康定、巴塘、昌都到西藏拉萨，再到尼泊尔、印度，国内路线全长3100多公里
                密布着无数大大小小的支线，将滇、藏、川“大三角”地区紧密联结在一起，形成了世界上地势最高、山路最险、距离最遥远的茶马文明古道。
            </p></div>
            <div class="button text-center">
                <button class="btn btn-block">查看更多</button>
            </div>
        </div>
    </div>
</div>

<!-- 历史线路 -->
<div id="historical-route" class="container-fluid no-padding">
    <div class="headline">
        <h2 class="no-margin">历史线路</h2>
        <p class="no-padding no-margin"></p>
        <h2 class="no-margin">HISTORICAL LINE</h2></div>
    <div class="content">
        <div class="content-rgba">
            <div class="historical-route-all">
                <img src="imgs/tea_horse_ancient_road/historical-route-bg.jpg" class="historical-route-img"/>

                <div class="historical-route-describe">
                    <p> &nbsp;&nbsp;茶马古道主要有三条线路：即青藏线（唐蕃古道）、滇藏线和川藏线，在这三条茶马古道中，青藏线兴起于唐朝时期，发展较早；而川藏线在后来的影响最大，最为知名。这三条道路都与昌都有着密切的关系，其中，滇藏线和川藏线必须经过昌都，它们的发展是与茶马贸易密切相关的。
                        历史上滇藏线茶马古道有三大道路：一条由内江鹤丽镇汛地塔城，经过崩子栏、阿得酋、天柱寨、毛法公等地，至西藏；一条由剑川协汛地维西出发，经过阿得酋、再与上一条道路相合至西藏；一条由中甸出发，经过尼色落、贤岛、崩子栏、奴连夺、阿布拉喀等地至西藏。其主要通道即与今滇藏线接近
                        茶马古道在云南境内的起点就是唐朝时期南诏政权的首府所有地大理。其中，大理、丽江、中甸、阿墩子（德钦）等地是茶马贸易十分重要的枢纽和市场。滇藏线茶马贸易的茶叶，以云南普洱的茶叶为主，也有来自四川和其他地方的茶叶。
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 历史发展 -->
<div id="historical-development" class="container-fluid no-padding">
    <!-- 标题 -->
    <div class="headline">
        <h2 class="no-margin">历史发展</h2>
        <p class="no-padding no-margin"></p>
        <h2 class="no-margin">HISTORICAL </h2></div>
</div>
<div class="content">
    <div id="top" class="">
        <!-- banner轮播图 -->
        <div id="banner-image" class="">
            <div class="banner-image-item animated fadeIn duration4000"><img
                    src="imgs/tea_horse_ancient_road/banner1.jpg" alt="">
            </div>
            <div class="banner-image-item animated duration4000"><img src="imgs/tea_horse_ancient_road/banner2.jpg"
                                                                      alt=""></div>
            <div class="banner-image-item animated duration4000"><img src="imgs/tea_horse_ancient_road/banner3.jpg"
                                                                      alt=""></div>
            <!--<div class="banner-image-item animated duration4000"><img src="imgs/one_page/z4.jpg" alt=""></div>-->
            <!--<div class="banner-image-item animated duration4000"><img src="imgs/one_page/z5.jpg" alt=""></div>-->
        </div>

        <!-- 轮播信息 -->
        <div id="banner-info" class="">
            <div class="banner-info-item animated fadeInRight">
                <img class="img float-left" src="imgs/tea_horse_ancient_road/banner1.jpg" alt="">
                <div class="word float-left">
                    <h2>那一世</h2>
                    <p class="split-line"></p>
                    <p>●旧时，昌都沟通外地的人畜小道，是由人畜长期行走自然形成的。<br>
                        ●公元7世纪，吐蕃在青藏高原崛起。唐初，吐蕃南下，在中甸境内金沙江上架设铁桥，打通了滇藏往来的通道。<br>
                        ●宋代，“关陕尽失，无法交易”，茶马互市的主要市场转移到西南。<br>
                        ●元朝，大力开辟驿路、设置驿站。
                    </p>
                </div>
            </div>
            <div class="banner-info-item animated">
                <img class="img float-left" src="imgs/tea_horse_ancient_road/banner2.jpg" alt="">
                <div class="word float-left">
                    <h2>那一年</h2>
                    <p class="split-line"></p>
                    <p>●明朝继续加强驿道建设。<br>
                        ●清朝将西藏的邮驿机构改称“塘”，对塘站的管理更加严格细致。<br>
                        ●清末民初，茶商大增。<br>
                        ●抗日战争中后期，茶马古道成为大西南后方主要的国际商业通道。
                    </p>
                </div>
            </div>
            <div class="banner-info-item animated">
                <img class="img float-left" src="imgs/tea_horse_ancient_road/banner3.jpg" alt="">
                <div class="word float-left">
                    <h2>这一生</h2>
                    <p class="split-line"></p>
                    <p>
                        ●1950年前的昌都成为藏东的商贸中心。<br>
                        ●茶马古道历史线路主要有三条：即青藏线、滇藏线和川藏线。<br>
                        ●滇藏线茶马古道出现在唐朝时期，它大致与今滇藏公路相近似。

                    </p>
                </div>
            </div>
            <!--<div class="banner-info-item animated">-->
            <!--<img class="img float-left" src="imgs/one_page/z4.jpg" alt="">-->
            <!--<div class="word float-left">-->
            <!--<h2>这是标题</h2>-->
            <!--<p class="split-line"></p>-->
            <!--<p>这里应该有一些文字之类的东西吧, 一些什么什么的嗯</p>-->
            <!--</div>-->
            <!--</div>-->
        </div>
    </div>


</div>


<!-- footer -->
<div class="contact" id="contact">
    <div class="contact_con">
        <div class="contact_left">
            <h2>川藏文化旅游网</h2>
            <div class="links">
                <span>友情链接：</span><br>
                <a target="_blank" href="http://123.207.127.62:8080/tibet_culture_platform/admin">后台管理</a><br>
                <a target="_blank" href="http://www.tibetcn.com/">中国西藏旅游网</a><br>
                <a target="_blank" href="http://www.tsichuan.com/channel-index.do">四川省旅游资讯网</a><br>
                <a target="_blank" href="http://www.potalapalace.cn/">布达拉宫</a>

            </div>
        </div>
        <table class="contact_right">
            <tr style="font-size: 1.3rem;">
                <td>微博</td>
                <td>微信</td>
            </tr>
            <tr>
                <td><img src="imgs/weixinErweima.jpg" width="50%"/></td>
                <td><img src="imgs/weixinErweima.jpg" width="50%"/></td>
            </tr>

        </table>
        <div class="footerRight">
            <p class="share">
                <span>分享:</span>
                <a target="_blank"
                   href="http://service.weibo.com/share/share.php?url={url}&pic={pic}&searchPic=false" title=""><img
                        src="imgs/icon/share1.png"/></a>
                <a target="_blank" href="http://qr.liantu.com/api.php?text={url}"><img
                        src="imgs/icon/share2.png"/></a>
                <a target="_blank"
                   href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={url}&title={title}&pics={pic}&summary={content}"><img
                        src="imgs/icon/share3.png"/></a>
            </p>
            <p class="onlineContact">

                <span>在线联系:</span>
                <a style="margin-left: 4%;" target="_blank"
                   href="http://wpa.qq.com/msgrd?v=3&uin=1351241621&site=qq&menu=yes">
                    <img border="0" src="http://wpa.qq.com/pa?p=2:1351241621:41" alt="点击这里给我发消息" title="点击这里给我发消息"/>
                </a>
            </p>
        </div>
        <div id="super">点赞<img src="imgs/icon/love.png" class="flower"/><span class="flowerNum">1135</span></div>
    </div>
</div>

<div class="botfooter">
    <p>Copyright @2016-2017 川藏文化旅游网 All Right Reserved</p>
    <p>地址：四川省成都市龙泉驿红岭路459号 | 联系电话：028-84825063 | 邮编：610100 | 蜀ICP备12008333号</p>
</div>
</div>
<div id="gototop">
    <a href="#"><img src="imgs/icon/goTop.png"/></a>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="lib/jquery-3.1.0.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src='lib/bootstrap-3.3.7-dist/js/bootstrap.js'></script>
<!-- iconfont -->
<script src="lib/other/iconfont.js"></script>

<!-- 引入自己需要的js -->
<script src="js/nav_and_footer.js"></script>
<script src="js/Banner.js"></script>
<script src="js/tea-horse-ancient-road.js"></script>
</body>
</html>