diff --git a/src/views/projectAdmin/zjsj/assets/images/common/echart_blue.gif b/src/views/projectAdmin/zjsj/assets/images/common/echart_blue.gif
new file mode 100644
index 00000000..a89c66fc
Binary files /dev/null and b/src/views/projectAdmin/zjsj/assets/images/common/echart_blue.gif differ
diff --git a/src/views/projectAdmin/zjsj/assets/images/common/echart_orange.gif b/src/views/projectAdmin/zjsj/assets/images/common/echart_orange.gif
new file mode 100644
index 00000000..0990f9ad
Binary files /dev/null and b/src/views/projectAdmin/zjsj/assets/images/common/echart_orange.gif differ
diff --git a/src/views/projectAdmin/zjsj/carbon/leftTop.vue b/src/views/projectAdmin/zjsj/carbon/leftTop.vue
index d4694054..858fb74e 100644
--- a/src/views/projectAdmin/zjsj/carbon/leftTop.vue
+++ b/src/views/projectAdmin/zjsj/carbon/leftTop.vue
@@ -3,7 +3,7 @@
     <!-- 环境监测 -->
     <div class="contentBox">
       <div class="left">
-        <img src="../assets/images/common/echart_orange.png" alt />
+        <img src="../assets/images/common/echart_orange.gif" alt />
         <p class="num1">45%</p>
         <div class="text">
           <p>环境巡检率/环境总数</p>
@@ -15,7 +15,7 @@
       </div>
 
       <div class="right">
-        <img src="../assets/images/common/echart_blue.png" alt />
+        <img src="../assets/images/common/echart_blue.gif" alt />
         <p class="num1">36%</p>
         <div class="text">
           <p>环境巡检率/环境总数</p>
@@ -41,8 +41,6 @@ export default {
   width: 100%;
   height: 100%;
   display: flex;
-  margin-top: 5%;
-  margin-left: 10%;
   .left,
   .right {
     height: 65%;
@@ -51,11 +49,10 @@ export default {
     color: #c5c7cc;
     .num1 {
       position: absolute;
-      top: 45%;
-      left: 43%;
+      top: 55%;
+      left: 45%;
     }
     .text {
-      margin-top: 5%;
       font-size: 14px;
       width: 100%;
       text-align: center;