p1自适应

src/assets/theme/layout.less

@@ -3087,7 +3087,7 @@ line-height: 48px;
     margin:100px auto 80px;
     .research-right{
       height: 100%;
-      padding-left: 10%;
+      padding-left: 5%;
       .research-top1{
         height: 120px;
         max-height: 120px;
@@ -3102,7 +3102,7 @@ line-height: 48px;
       .research-bottom1{
         font-size: 23px;
         line-height: 25px;
-        padding-left: 30px;
+        // padding-left: 30px;
       }
     }
   }
@@ -3232,16 +3232,16 @@ line-height: 48px;
       }
       .project-strategy-1{
         display: flex;
-        justify-content: space-evenly;
+        justify-content: space-between;
         
         .strategy-img{
-          flex: .4;
+          flex: .45;
           img{
-            width: 95%;
+            width: 100%;
           }
         }
         .strategy-care{
-          flex: .6;
+          flex: .55;
           // display: flex;
           font-size: 18px;
           font-family: Microsoft YaHei;
@@ -3287,13 +3287,13 @@ line-height: 48px;
           }
         }
         .strategy-ol{
-          flex: 0.6;
+          flex: 0.25;
           display: flex;
-          justify-content: space-between;
+          flex-direction: column;
           .strategy-ol-care{
 
             font-size: 18px;
-            margin-bottom: 40px;
+            margin-bottom: 30px;
             h4{
               // margin-top: 35px;
               font-size: 18px;
@@ -3941,6 +3941,32 @@ line-height: 48px;
         }
       }
   }
+  .research-top{//项目管理
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    .research-left{
+      width: 50%;  
+      
+    }
+
+    .research-right{
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;    
+      h4{
+        margin-top: 120px;
+        font-size: 30px;
+        font-weight: bold;
+      }
+      div{
+        font-size: 23px;
+        font-weight: 300;
+        text-indent: 46px;
+      }
+    }
+  }
 }
 @import url("./phone");
 @import url("./extra");

src/pages/p1/assembling.vue

 <template>
   <div class="pc11">
     <div class="research-top">
-      <Row :grabbed="23">
-          <Col span="13">
-            <img :src="product.url" width="100%" alt="" />
-          </Col>
-          <Col span="10">  
+      <div class="research-left">
+            <img :src="product.url" width="100%" height="100%" alt="" />
+      </div>
           <div class="research-right">
-            <div class="research-top1"></div>
             <h4>{{ product.title1 }}</h4>
             <div class="research-bottom1">{{ product.title2 }}</div>
           </div>
-          </Col>
-      </Row>
     </div>
     <!-- <img src="/image/zhuangpei/1203.png" alt=""> -->
     <div class="research-1 mauto">

src/pages/p1/electromechanical.vue

 <template>
   <div class="pc11">
     <div class="research-top">
-      <Row :grabbed="23">
-          <Col span="13">
-            <img :src="product.url" width="100%" alt="" />
-          </Col>
-          <Col span="10">  
-          <div class="research-right">
-            <div class="research-top1"></div>
-            <h4>{{ product.title1 }}</h4>
-            <div class="research-bottom1">{{ product.title2 }}</div>
-          </div>
-          </Col>
-      </Row>
+      <div class="research-left">
+        <img :src="product.url" width="100%" alt="" />
+      </div>
+      <div class="research-right">
+        <h4>{{ product.title1 }}</h4>
+        <div class="research-bottom1">{{ product.title2 }}</div>
+      </div>
     </div>
     <div class="research-1 mauto">
       <img :src="product.picture1" alt="" />
@@ -31,7 +26,6 @@
             v-for="(item, index) in product.zhouqi"
             :key="index"
           >
-            
             <p>• {{ item }}</p>
           </div>
         </div>
@@ -79,5 +73,4 @@ export default {
   }
 };
 </script>
-<style lang="less" scoped>
-</style>
+<style lang="less" scoped></style>

src/pages/p1/machining.vue

 <template>
   <div class="pc11">
     <div class="research-top">
-      <Row :grabbed="23">
-          <Col span="13">
+          <div class="research-left">
             <img :src="product.url" width="100%" alt="" />
-          </Col>
-          <Col span="10">  
+          </div>
           <div class="research-right">
-            <div class="research-top1"></div>
             <h4>{{ product.title1 }}</h4>
             <div class="research-bottom1">{{ product.title2 }}</div>
           </div>
-          </Col>
-      </Row>
     </div>
     <div class="research-1 mauto">
       <img width="100%" :src="product.fangan.picture" alt="" />

src/pages/p1/mbd.vue

 <template>
   <div>
     <div class="pc11">
-      <div class="mbd-top research-top">
-        <Row :grabbed="23">
-          <Col span="16">
+      <div class="research-top">
             <div class=" research-left">
-              <img :src="product.url1" width="100%" alt="" />
+              <img :src="product.url1" width="100%" height="100%" alt="" />
             </div>
-          </Col>
-          <Col span="8">
             <div class=" research-right">
-              <div class="research-top1"></div>
               <h4>{{ product.title1 }}</h4>
               <div
                 class="research-bottom1"
@@ -20,8 +15,6 @@
                 {{ item }}
               </div>
             </div>
-          </Col>
-        </Row>
       </div>
       <div class="mauto-1  mauto">
         <div class="mauto-url">

src/pages/p1/projectManagement.vue

 <template>
-  <div class="pc1">
+  <div class="pc11">
     <!-- top -->
     <div class="project-top research-top">
       <div class="project-left research-left">