diff --git a/src/components/Header.vue b/src/components/Header.vue
index 149973d..f009bd7 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -6,7 +6,8 @@
       <div class="container">
         <div class="server pull-left">
           <span class="glyphicon glyphicon-earphone"></span>0512-53998127
-          <span class="glyphicon glyphicon-envelope"></span>service@dwoodauto.com
+          <span class="glyphicon glyphicon-envelope"></span><a class="email"
+            href="mailto:service@dwoodauto.com">service@dwoodauto.com</a>
           <span class="glyphicon glyphicon-time"></span>7x24小时为您服务
         </div>
         <div class="shejiao pull-right">
@@ -170,6 +171,11 @@
     margin: 0 8px;
   }
 
+  #header .header-top .email {
+    color: #fff;
+    text-decoration: none;
+  }
+
   /* 导航栏 */
   #header .header-nav {
     height: 110px;