diff --git a/app/index/controller/Brand.php b/app/index/controller/Brand.php
new file mode 100644
index 00000000..6cf7fd5d
--- /dev/null
+++ b/app/index/controller/Brand.php
@@ -0,0 +1,43 @@
+<?php
+declare (strict_types = 1);
+
+namespace app\index\controller;
+
+use app\admin\controller\v1\BannerItem;
+use app\index\model\SysBannerItemModel;
+use think\facade\View;
+
+/**
+ * 品牌故事控制器
+ */
+class Brand extends Common
+{
+    /**
+     * 品牌故事
+     */
+    public function story()
+    {  
+        // 获取品牌故事banner
+        $banners = SysBannerItemModel::hasWhere('banner', [
+                'language_id'  => $this->lang_id,
+                'unique_label' => 'BANNER_67ff632a5f7aa'
+            ])
+            ->type('image')
+            ->enabled(true)
+            ->visible(['id', 'title', 'title_txt_color', 'image', 'desc', 'desc_txt_color', 'link'])
+            ->order(['sort' => 'asc', 'id' => 'desc'])
+            ->select();
+        View::assign('banners', $banners);
+
+        return View::fetch('story');
+    }
+
+    /**
+     * 品牌里程
+     */
+    public function mileage()
+    {
+
+        return View::fetch('mileage');
+    }
+}
diff --git a/app/index/route/route.php b/app/index/route/route.php
index add0a31e..f349a2d7 100644
--- a/app/index/route/route.php
+++ b/app/index/route/route.php
@@ -48,5 +48,13 @@ Route::group('faq', function() {
     Route::get('index', 'Faq/index');
 });
 
+// 品牌
+Route::group('brand', function() {
+    // 品牌故事
+    Route::get('story', 'Brand/story');
+    // 品牌里程
+    Route::get('mileage', 'Brand/mileage');
+});
+
 // 数据迁移
 Route::get('/data/migration', 'DataMigration/index');
diff --git a/app/index/view/brand/mileage.html b/app/index/view/brand/mileage.html
new file mode 100644
index 00000000..e69de29b
diff --git a/app/index/view/brand/story.html b/app/index/view/brand/story.html
new file mode 100644
index 00000000..eb5ada2d
--- /dev/null
+++ b/app/index/view/brand/story.html
@@ -0,0 +1,43 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/brand.css" />
+{/block}
+{block name="main"}
+<div class="orico_Page_brand">
+    <!--内容 -->
+    <div class="brandMain">
+        <img src="__IMAGES__/OurBrand.png" class="img-responsive" />
+        {notempty name="banners"}
+        <div class="our_brand_con">
+            {volist name="banners" id="ba" offset="0" length="2"}
+            <div class="our_brand_bg">
+                <div class="vtext ">
+                    <div class="Table-Cell left  animated fadeInLeft">
+                        <p class="title" {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
+                        <hr>
+                        <div {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
+                    </div>
+                    <div class="Table-Cell right  animated fadeInRight">
+                        <img src="{$ba.image}" />
+                    </div>
+                </div>
+            </div>
+            {/volist}
+        </div>
+        <div class="dis_bril_bg">
+            <div class="dis_bril_con ">
+                {volist name="banners" id="ba" offset="2" length="3"}
+                <div class="dis_bril_div">
+                    <div class="iconimg"><img src="{$ba.image}"></div>
+                    <div class="title">
+                        <p {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
+                    </div>
+                    <div class="subtitle" {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
+                </div>
+                {/volist}
+            </div>
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}
\ No newline at end of file
diff --git a/public/static/index/css/brand.css b/public/static/index/css/brand.css
index 67b10c1e..9cf87014 100755
--- a/public/static/index/css/brand.css
+++ b/public/static/index/css/brand.css
@@ -1,7 +1,7 @@
 .orico_Page_brand {
   width: 100%;
   position: relative;
-  height: 100vh;
+  height: auto;
   overflow-y: auto;
   overflow-x: hidden;
   background: #f2f2f2;
diff --git a/public/static/index/images/OurBrand.png b/public/static/index/images/OurBrand.png
new file mode 100755
index 00000000..6add4876
Binary files /dev/null and b/public/static/index/images/OurBrand.png differ