diff --git a/client/src/views/login/index.vue b/client/src/views/login/index.vue
index a6ada8a..49b7f82 100644
--- a/client/src/views/login/index.vue
+++ b/client/src/views/login/index.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="login">
+    <div class="topTitleWrap">
+      <div class="topTitle1">国家新材料测试评价平台</div>
+      <div class="topTitle2">先进无极非金属材料行业中心</div>
+    </div>
     <div class="login-form">
       <img class="logo" src="../../assets/logo.png" />
 
@@ -300,6 +304,24 @@ export default {
   background-image: url("../../assets/beijing.jpg");
   background-size: cover;
 }
+.topTitleWrap{
+  color: #ffffff;
+  position: absolute;
+  top: 6vh;
+  left: 4vw;
+  font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans","Helvetica Neue",sans-serif;
+}
+.topTitle1{
+  font-size: 1.8vw;
+  font-weight: 600;
+  padding-bottom: 0.7vh;
+  margin-bottom: 0.3vh;
+  border-bottom: 0.1vh solid #ffffff;
+}
+.topTitle2{
+  font-size: 1.55vw;
+  font-weight: 500;
+}
 .title {
   margin: 30px auto 30px auto;
   text-align: center;