diff --git a/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js b/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
index 872032b3..1e7c21f6 100644
--- a/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
+++ b/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
@@ -53,7 +53,15 @@ const Leftcenter = ({ videoCenterList }) => {
                             setName(item.deviceName)
                             // console.log(list);
                         }}>
-                            <p style={{ position: "absolute", color: num - 1 == index ? "#fff" : "rgba(216,240,255,0.8)", left: "10%" }}>{item.deviceName}</p>
+                            <p style={{
+                                position: "absolute", color: num - 1 == index ? "#fff" : "rgba(216,240,255,0.8)", left: "10%", width: 120, overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap'
+                            }}
+                                title={item.deviceName}
+                            >
+                                {item.deviceName} 
+                            </p>
                             <img src='/assets/images/leadership/juxing.png' style={{ width: "100%", height: "100%", position: "absolute" }} />
                         </li>
                         // {/* </div> */}