diff --git a/examples/cesiumEx/config.js b/examples/cesiumEx/config.js
index 7f359bbe..a424492d 100644
--- a/examples/cesiumEx/config.js
+++ b/examples/cesiumEx/config.js
@@ -9,9 +9,9 @@ var exampleConfig = {
         name: "0、综合应用",
         name_en: "0、综合应用",
         content: {
-            "maxssp": {
+            "max2ssp": {
                 name: "综合应用",
-                name_en: "ba22222se",
+                name_en: "ba222212se",
                 content: [
                     {
                         name: "",
@@ -124,9 +124,9 @@ var exampleConfig = {
         name: "1、基础",
         name_en: "base",
         content: {
-            "maxssp": {
+            "ma54xssp": {
                 name: "1.1、基础",
-                name_en: "base",
+                name_en: "ba66se",
                 content: [{
                     name: "1.1、默认设置",
                     name_en: "1.1、默认设置",
@@ -266,9 +266,9 @@ var exampleConfig = {
     },
     "iPortal": {
         name: "2、图层",
-        name_en: "layer",
+        name_en: "la32yer",
         content: {
-            "maxaxsap1": {
+            "maxa2122xsap1": {
                 name: "2.1、影像",
                 name_en: "2.1、影像",
                 content: [
@@ -375,7 +375,7 @@ var exampleConfig = {
                     },
                 ]
             },
-            "masassp2": {
+            "masas56sp2": {
                 name: "2.2、地形",
                 name_en: "2.2、地形",
                 content: [
@@ -399,7 +399,7 @@ var exampleConfig = {
                     },
                 ]
             },
-            "mapfdfsa3": {
+            "mapfdf999sa3": {
                 name: "2.3、矢量",
                 name_en: "2.3、矢量",
                 content: [
@@ -537,7 +537,7 @@ var exampleConfig = {
                     },
                 ]
             },
-            "mapfdff4": {
+            "mapfd004ff4": {
                 name: "2.4、模型",
                 name_en: "2.4、模型",
                 content: [
@@ -597,7 +597,7 @@ var exampleConfig = {
         name: "3、3Dtiles",
         name_en: "3、3Dtiles",
         content: {
-            "mavfdp5": {
+            "mavf48dp5": {
                 name: "3.1、3Dtiles",
                 name_en: "3.1、3Dtiles",
                 content: [
@@ -651,7 +651,7 @@ var exampleConfig = {
         name: "4、空间分析",
         name_en: "4、空间分析",
         content: {
-            "map8787775": {
+            "ma7899p8787775": {
                 name: "4.1、空间分析",
                 name_en: "4.1、空间分析",
                 content: [
@@ -723,7 +723,7 @@ var exampleConfig = {
                     },
                 ]
             },
-            "ma878p6": {
+            "ma870o98p6": {
                 name: "4.2、量算",
                 name_en: "4.2、量算",
                 content: [
@@ -736,7 +736,7 @@ var exampleConfig = {
 
                 ]
             },
-            "map77899": {
+            "map7447899": {
                 name: "4.3、视频融合",
                 name_en: "4.3、视频融合",
                 content: [
diff --git a/examples/css/header.css b/examples/css/header.css
index 8df4183c..f84288a6 100644
--- a/examples/css/header.css
+++ b/examples/css/header.css
@@ -155,6 +155,7 @@
   border-radius: 4px !important;
   background-color: var(--dropdown-background-color);
   box-shadow: 0px 6px 18px 0px var(--dropdown-shadow-color);
+  display: none;
 }
 .navbar-rightbar .dropdown .dropdown-menu{
   left: -20px !important;
@@ -604,3 +605,48 @@ ul.icl-nav-menu-sub:nth-child(1) {
       width: 22px;
   }
   }
+
+
+
+
+
+
+
+
+
+
+
+
+
+  .navbar-rightbar .arrow,
+  .navbar-nav>li>.arrow {
+      display: inline-block;
+      width: 10px;
+      height: 10px;
+      margin-left: -8px;
+      background: url('../img/arrowDown.png') no-repeat center center / contain;
+    
+    
+  }
+  .dark .navbar-rightbar .arrow,
+  .dark .navbar-nav>li>.arrow {
+      background-image: url('../img/arrowDown-dark.png');
+      line-height: 60px;
+      float: left;
+      margin-top: 30px;
+  }
+  .navbar-menu:hover .arrow,
+  .dropdown:hover .arrow {
+    rotate: 180deg;
+  }
+  .dropdown:hover  .dropdown-menu{
+    display: block;
+  }
+  .navbar-nav li.navbar-menu>a{
+    text-shadow: 0px 2px 4px var(--shadow-color);
+    /* line-height: 24px;
+    height: 24px;
+    padding: 0; */
+  }
+
+  
\ No newline at end of file
diff --git a/examples/js/theme/themeConfig.js b/examples/js/theme/themeConfig.js
index fdef060a..c1240cf2 100644
--- a/examples/js/theme/themeConfig.js
+++ b/examples/js/theme/themeConfig.js
@@ -60,8 +60,9 @@ window.themeConfig = [
     "iconColor": "var(--alpha100)",
     "activeColor": "rgba(224,76,64,1)",
     "backgroundColor": "#1F1F1F",
-    "headerBackgroundColor": "#333333",
-    "sidebarBackgroundColor": "#333333",
+    // #333333
+    "headerBackgroundColor": "#17283e",
+    "sidebarBackgroundColor": "#17283e",
     "wrapperBackgroundColor": "#F5F6F6",
     "shadowColor": "rgba(0, 0, 0, 0.04)",
     "borderColor": "var(--alpha08)",
diff --git a/examples/template/header.html b/examples/template/header.html
index 041d04a2..1c3ca076 100644
--- a/examples/template/header.html
+++ b/examples/template/header.html
@@ -61,14 +61,25 @@
                     <li class="navbar-menu" id="mapboxgl-me3nu">
                         <a class="center" target="_self" href="../webgpuEx/examples.html">WebGPU</a>
                     </li>
-                    <li class="navbar-menu" id="mapboxgl-me4nu">
-                        <a class="center" target="_blank" href="https://cesium.com/learn/cesiumjs/ref-doc/">Cesium
-                            API</a>
+                   
+                    <li class="navbar-menu dropdown open" id="download-menu">
+                        <a target="_self" style="color: #fff !important;"  data-i18n="nav.more.get._name">Cesium 官网</a>
+                        <span class="arrow"></span>
+                    
+                        <ul class="dropdown-menu">
+                            <li class="navbar-menu" id="mapboxgl-me411nu">
+                                <a class="center" style="color: #fff !important;" target="_blank" href="https://cesium.com/platform/cesiumjs/">官网</a>
+                            </li>
+                            <li class="navbar-menu" id="mapboxgl-me4nu">
+                                <a class="center" style="color: #fff !important;" target="_blank" href="https://cesium.com/learn/cesiumjs/ref-doc/">API文档</a>
+                            </li>
+                            <li class="navbar-menu" id="mapboxgl-me411nu">
+                                <a class="center" style="color: #fff !important;" target="_blank" href="https://sandcastle.cesium.com/">示例</a>
+                            </li>
+                       
+                        </ul>
                     </li>
-                    <li class="navbar-menu" id="mapboxgl-me4nu">
-                        <a class="center" target="_blank" href=" https://sandcastle.cesium.com/">Cesium Demo</a>
-                    </li>
-
+                    
                     <!-- <li class="navbar-menu" id="mapboxgl-menu">
                         <a class="center" target="_self" href="../cesiumGf/examples.html">Cesium GF</a>
                     </li> -->