调整首页nav banner 文字 feedback等在真机显示异常的情况

assets/css/home.css

@@ -322,109 +322,154 @@
     height: 100vh;
     background:black;
     position: relative;
-    .des1{
+    
+    
+}
+.video-section .des1{
+    position:absolute;
+    top:25%;
+    width:100%;
+    text-align:center;
+    font-size:36px;
+   
+}
+.video-section .des1 p{
+    width:95%;
+    margin:0 auto
+}
+.video-des .desCom span{
+    font-size:24px;
+    border:1px solid #ccc;
+    border-radius:24px;
+    padding:0 20px;
+    margin-top:10px;
+}
+.video-des p{
+    font-size:30px;
+}
+.video-des{
+    color:#fff;
+    font-family:AlibabaPuHuiTi-Medium;
+   
+}
+.video-des .desCom{
+    text-align:center;
+    position:absolute;
+    
+}
+.video-des .desCom p{
+    font-size:30px;
+}
+
+.go_down {
+    display: block;
+    width: 60px;
+    height: 60px;
+    line-height: 40px;
+    background-image: url(../img/home/goDownArrow.png);
+    background-repeat: no-repeat;
+    background-position: 0 100%;
+    position: absolute;
+    left: 50%;
+    margin-left: -30px;
+    bottom: 8%;
+    z-index: 30;
+    width: 75px;
+    height: 80px;
+    -webkit-animation: go 0.5s linear 0s infinite alternate;
+    animation: go 0.5s linear 0s infinite alternate;
+    cursor: pointer;
+    transition: all .5s;
+}
+.go_down:hover {
+    -webkit-animation: none;
+    opacity: 1;
+}
+
+
+@media (max-width: 1500px) {
+    .video-section {
+        overflow: hidden;
+        width: 100%;
+        height: 100vh;
+        background:black;
+        position: relative;
+        
+    }
+    .video-des{
+        color:#fff;
+        font-family:AlibabaPuHuiTi-Medium;
+        
+
+    }
+
+    .video-des .des1{
         position:absolute;
         top:25%;
         width:100%;
         text-align:center;
-        font-size:36px;
-        p{
-            width:95%;
-            margin:0 auto
-        }
+        font-size:28px;
+        
+    }
+    .video-des .des1 p{
+        width:95%;
+        margin:0 auto
+    }
+    .video-des .des1 span{
+        font-size:40px
+    }
+    .video-des .desCom{
+        text-align:center;
+        position:absolute;
+        
+       
+
+    }
+    .video-des .desCom  p{
+        font-size:20px;
+       
     }
     .video-des .desCom span{
-        font-size:24px;
+        font-size:18px;
         border:1px solid #ccc;
         border-radius:24px;
         padding:0 20px;
         margin-top:10px;
     }
+
+
+
+    
+    
+}
+
+@media (max-width: 992px) {
+ 
+    .video-des .des1 span{
+        font-size:30px
+    }
     .video-des p{
-        font-size:30px;
+        font-size:20px
+        
+
     }
-    .video-des{
-        color:#fff;
-        font-family:AlibabaPuHuiTi-Medium;
-        .desCom{
-            text-align:center;
-            position:absolute;
-            p{
-                font-size:30px;
-            }
-        }
+    .video-des .desCom{
+        width:100%
     }
-    
-    .go_down {
-        display: block;
-        width: 60px;
-        height: 60px;
-        line-height: 40px;
-        background-image: url(../img/home/goDownArrow.png);
-        background-repeat: no-repeat;
-        background-position: 0 100%;
-        position: absolute;
-        left: 50%;
-        margin-left: -30px;
-        bottom: 8%;
-        z-index: 30;
-        width: 75px;
-        height: 80px;
-        -webkit-animation: go 0.5s linear 0s infinite alternate;
-        animation: go 0.5s linear 0s infinite alternate;
-        cursor: pointer;
-        transition: all .5s;
-    }
-    .go_down:hover {
-        -webkit-animation: none;
-        opacity: 1;
+    .video-des .des2{
+        top:45%!important;
+        left:0!important
+    }
+    .video-des .des3{
+        top:58%!important;
+        left:0!important
+    }
+    .video-des .des4{
+        top:70%!important;
+        left:0!important
     }
-}
 
-@media (max-width: 1500px) {
-    .video-section {
-        overflow: hidden;
-        width: 100%;
-        height: 100vh;
-        background:black;
-        position: relative;
-        .video-des{
-            color:#fff;
-            font-family:AlibabaPuHuiTi-Medium;
-            .des1{
-                position:absolute;
-                top:25%;
-                width:100%;
-                text-align:center;
-                font-size:28px;
-                p{
-                    width:95%;
-                    margin:0 auto
-                }
-                span{
-                    font-size:40px
-                }
-            }
-            .desCom{
-                text-align:center;
-                position:absolute;
-                
-                p{
-                    font-size:20px;
-                   
-                }
-                span{
-                    font-size:18px;
-                    border:1px solid #ccc;
-                    border-radius:24px;
-                    padding:0 20px;
-                    margin-top:10px;
-                }
     
-            }
-    
-        }
-    }
 
 
 
@@ -432,3 +477,4 @@
     
 }
 
+

assets/css/style.css

@@ -797,6 +797,7 @@
                 margin: 0px 44px 0 0;
                 position: static;
                 cursor: pointer;
+                border-bottom:4px solid rgba(0,0,0,0)
             }
            
             header.header-two .mainmenu-area .main-menu {
@@ -6422,70 +6423,59 @@
                 right:30px;
                 bottom:30%;
                 z-index:2;
+            }
+            .feedBackBox>div{
+                width:40px;
+                height:40px;
+                background-size:cover;
+                background-repeat:no-repeat;
+                margin-top:20px;
+                cursor:pointer;
+            }
+            .feedBackBox .contactOne:hover .contactInner{
+                display:block
+            }
+            .feedBackBox .contactQr{
+                position:relative;
                 
-                >div{
-                    width:40px;
-                    height:40px;
-                    background-size:cover;
-                    background-repeat:no-repeat;
-                    margin-top:20px;
-                    cursor:pointer;
-                }
-                .contactOne:hover{
-                    .contactInner{
-                        display:block
-                    }
-
-                }
-                .contactQr{
-                    position:relative;
-                    
-                }
-                .contactQr div{
-                    width:140px;
-                    display:none;
-                    position:absolute;
-                    right:60px;
-                    top:-30px
-                }
-                .contactQr:hover{
-                    div{
-                        display:block
-                    }
-
-                }
-                .contactInner{
-                    display:none;
-                    position:absolute;
-                    right:50px;
-                    top:0px;
-                    width:230px;
-                    padding:15px 15px;
-                    color:#000;
-                    background-image: url(../img/home/f_bg1.png);
-                    background-size:100% 100%;
-                    li{
-                       display:flex;vertical-align: top;
-                       
-                       
-                       span:first-child{
-                        /* width:80px; */
-                        display:block;
-                        
-                       }
-                       &:not(:first-child) {
-                        margin-top:5px;
-
-                       }
-                  
-
-                    }
-                    
-
-
-
-                }
             }
+            .feedBackBox .contactQr div{
+                width:140px;
+                display:none;
+                position:absolute;
+                right:60px;
+                top:-30px
+            }
+            .feedBackBox .contactQr:hover div{
+                display:block
+            }
+            .feedBackBox .contactInner{
+                display:none;
+                position:absolute;
+                right:50px;
+                top:0px;
+                width:230px;
+                padding:15px 15px;
+                color:#000;
+                background-image: url(../img/home/f_bg1.png);
+                background-size:100% 100%;
+                
+            }
+            .feedBackBox .contactInner li{
+                display:flex;vertical-align: top;
+             }
+               
+             .feedBackBox .contactInner li &:not(:first-child) {
+                margin-top:5px;
+               }
+             .feedBackBox .contactInner li span:first-child{
+                /* width:80px; */
+                display:block;
+                
+               }
+               .feedBackBox .contactInner li  &:not(:first-child) {
+                margin-top:5px;
+               }
 
             .feedBackDialog .el-dialog{
                 display: flex;
@@ -6525,6 +6515,13 @@
             }
 
 
+            @media(max-width:992px) {
+               
+            }
+
+
+
+
             .solutionType .solutionTypeOne{
                 text-align:center;
                 padding:20px 0;

index.html

@@ -51,7 +51,7 @@
                     <img src="/assets/img/home/f_phone.png" alt="">
                     <ul class="contactInner">
                         <li>
-                            <span> 电话：</span>
+                            <span> 电话111：</span>
                             <span>021-65376655 <br> 021-62985186</span>
                         </li>
                     </ul>