优化

components/AppAbout.vue

@@ -408,6 +408,20 @@ const getNewstypeList = async () => {
         width: 700px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+        
+    }
+    .News_box{
+        width: 970px;
+        margin-left: 250px;
+    }
+    .rig_box{
+        width: 700px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

components/AppContactUs.vue

@@ -58,17 +58,17 @@
                     <div class="re_list" v-for="item, index in liuyanList">
                         <div style="margin: 30px;">
                             <div class="re_list_tit flex" style="width: 100%;">
-                                <span style="width: 15%">问题：</span>
+                                <span style="width: 17%">问题：</span>
                                 <span style="color: #323232;width:85% ;">{{ item.question }}</span>
                             </div>
                             <div class="re_list_tit flex" style="margin-top: 15px;width: 100%;">
-                                <span style="width: 15%">描述：</span>
+                                <span style="width: 17%">描述：</span>
                                 <span :title="item.message" class="three-line-ellipsis"
                                     style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.message
                                     }}</span>
                             </div>
                             <div class="re_list_tit flex" style="margin-top: 15px;">
-                                <span style="color: #368FDF;width: 15%;">回复：</span>
+                                <span style="color: #368FDF;width: 17%;">回复：</span>
                                 <span :title="item.answer" class="two-line-ellipsis"
                                     style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.answer
                                     }}</span>
@@ -426,6 +426,36 @@ const submitForm = () => {
         width: 41px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+    }
+    .left-msg {
+        width: 960px;
+        margin: 0;
+        margin-left: 260px;
+        margin-top: 60px;
+    }
+
+    #myTextarea {
+        width: 658px;
+    }
+
+    .contactInputs {
+        width: 165px;
+    }
+
+    .inputforms {
+        display: flex;
+        justify-content: start !important;
+        align-items: center;
+    }
+
+    .contactForm .inputforms span {
+        width: 41px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

components/AppFooter.vue

@@ -274,6 +274,28 @@ const openT = () => {
     height: 70px;
   }
 }
+@media (max-width: 1366px) {
+  .group_30 {
+    width: 870px;
+    margin-left: 357px;
+  }
+
+  .db-flex {
+    gap: 10px;
+  }
+
+  .b1 {
+    width: 180px;
+  }
+
+  .image_29 {
+    margin-right: 0px;
+  }
+  .image_30{
+    width: 50px;
+    height: 50px;
+  }
+}
 @media (max-width: 1280px) {
   .group_30 {
     width: 800px;

components/AppHeader.vue

@@ -195,7 +195,15 @@ onMounted(() => {
     }
 }
 
-@media screen and (max-width: 768px) {}
+@media screen and (max-width: 1366px) {
+    .pc-nav-item {
+        margin-bottom: 20px;
+    }
+
+    .pc-nav {
+        margin-top: 40px;
+    }
+}
 
 @media screen and (max-width: 1280px) {
     .pc-nav-item {

components/AppHome.vue

@@ -872,7 +872,47 @@ const changeListIndex = async (id: number) => {
         margin-left: 380px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+    }
  
+    .home_con {
+        width: 860px;
+        margin-left: 357px;
+    }
+
+    .home_con1 {
+        width: 860px;
+        margin-left: 357px;
+    }
+
+    .t1 {
+        font-size: 16px;
+    }
+
+    .t2 {
+        font-size: 16px;
+    }
+
+    .dddccc {
+        gap: 15px;
+    }
+
+    .lx-span {
+        width: 265px;
+    }
+
+    .jc-span {
+        width: 375px;
+    }
+
+    .tz-span {
+        width: 153px;
+    }
+ 
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

components/AppLuoYang.vue

@@ -370,7 +370,39 @@ const getNewstypeList = async () => {
         font-size: 20px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 870px;
+        margin-left: 357px;
 
+    }
+
+    .News_box {
+        width: 970px;
+        margin-left: 250px;
+    }
+
+    .ly_list {
+        width: 188px;
+        height: 188px;
+    }
+
+    .ly_list_img {
+        width: 60px;
+        height: 60px;
+        margin: 0 auto;
+    }
+
+    .ly_list_img_act {
+        width: 100px;
+        height: 100px;
+        margin: 0 auto;
+    }
+
+    .ly_list_text {
+        font-size: 16px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

components/AppMessage.vue

@@ -450,6 +450,26 @@ const getNewstypeList = async () => {
         width: 468px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 870px;
+        margin-left: 357px;
+
+    }
+
+    .News_box {
+        width: 970px;
+        margin-left: 260px;
+      
+    }
+
+    .rig_box {
+        width: 650px !important;
+    }
+    .d_span{
+        width: 328px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

components/AppNews.vue

@@ -451,6 +451,26 @@ const getNewstypeList = async () => {
         width: 468px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+
+    }
+
+    .News_box {
+        width: 960px;
+        margin-left: 260px;
+      
+    }
+
+    .rig_box {
+        width: 650px !important;
+    }
+    .d_span{
+        width: 328px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

components/AppRegiment.vue

@@ -430,6 +430,30 @@ const getNewstypeList = async () => {
         width: 280px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 870px;
+        margin-left: 357px;
+
+    }
+
+    .News_box {
+        width: 970px;
+        margin-left: 260px;
+    }
+
+    .rig_box {
+        width: 700px;
+    }
+
+    .rm-span {
+        width: 385px;
+    }
+
+    .gw-span {
+        width: 225px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;

pages/index.vue

@@ -9,7 +9,7 @@
 				<swiper-slide>
 					<img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;">
 					<div style="position: absolute;top:15%;left:0px;right: 0px;">
-						<img :src="`/img/index/dlogo1.png`" style="width: 300px;margin: 0 auto;" alt="">
+						<img :src="`/img/index/dlogo1.png`" class="home-logo" style="margin: 0 auto;" alt="">
 					</div>
 					<div style="position: absolute;top: 53%;left:0px;right: 0px;">
 						<img :src="`/img/index/hmouse1.png`" style="width: 180px;margin: 0 auto;" alt="">
@@ -364,7 +364,7 @@ onMounted(() => {
 	transform: translate3d(0px, 0px, -507px) rotateX(0deg) rotateY(0deg) scale(1) !important;
 }
 
-.group_666 .swiper-slide img {
+.group_666 .swiper-slide {
 	width: 100%;
 	height: auto;
 	// transition: 1s linear 2s;
@@ -580,6 +580,16 @@ onMounted(() => {
 	font-size: 28px !important;
 }
 
+.home-logo {
+	width: 300px;
+}
+
+@media screen and (max-width: 1366px) {
+	.home-logo {
+		width: 250px;
+	}
+}
+
 @media screen and (max-width: 1440px) {
 	.fiximg {
 		right: 30px;

pages/info/[id].vue

@@ -560,6 +560,12 @@ onMounted(() => {
         right: 138px!important;
     }
 }
+@media (max-width: 1366px) {
+    .topding {
+        right: 64px!important;
+    }
+
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;