liuqiao 1 gadu atpakaļ
vecāks
revīzija
83a687cf2e
3 mainītis faili ar 188 papildinājumiem un 17 dzēšanām
  1. 163 8
      demo.html
  2. 0 0
      index1.html
  3. 25 9
      statics/my/style/doem.css

+ 163 - 8
demo.html

@@ -146,7 +146,7 @@
 			<div class="layer-top"></div>
 			<div class="layer-bottom"></div>
 			<!-- <img src="statics/my/images/logo.png" class="loading"> -->
-									<img src="uploadfile/2021/0510/20210510094620933.png" alt="头部logo" class="loading">
+			<img src="uploadfile/2021/0510/20210510094620933.png" alt="头部logo" class="loading">
 								</div>
 <!-- 		
 				<div class="fullnavr">
@@ -497,7 +497,7 @@
   </div> -->
   <div class="swiper mySwiper banner ">
     <div class="swiper-wrapper">
-      <div class="swiper-slide"><img src="./statics/images/img/Group 76.png"  alt="banner1" /></div>
+      <div class="swiper-slide"><a href="#"><img src="./statics/images/img/Group 76.png"  alt="banner1" /></a></div>
       <div class="swiper-slide"><img src="./statics/images/img/Rectangle 2.png" alt="1" /></div>
       <div class="swiper-slide"><img src="./statics/images/img/Rectangle 3.png" alt="banner1"  /></div>
     </div>
@@ -552,7 +552,7 @@
 		<h2 class="l_title lu_title h2after">产品中心</h2>
 		<p class="l_title2">工程力学综合仿真与设计平台ADI.SimWork</p>
 		<div class="swiperslide">
-		<div class="swiper swiper2" style="margin-top: 60px; 	padding: 0 50px;">
+		<div class="swiper swiper2" style="margin-top: 20px;padding: 0 50px;">
 			<div class="swiper-wrapper">
 			  <div class="swiper-slide">
                   <div>
@@ -560,8 +560,8 @@
                         <img src="./statics/images/img/Rectangle 33.png"/>
                       </div>
                       <div class="titlediv">
-                          <h4 class="titlediv_title">气动仿真软件 </h4>
-                          <h4 class="titlediv_title">OverCFDLab </h4>
+                          <h4 class="titlediv_title">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件</h4>
+                          <!-- <h4 class="titlediv_title">OverCFDLab </h4> -->
                         <p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
                       <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
                     </div>
@@ -606,7 +606,162 @@
                   </div>
                 </div>
             </div>
-       
+			<div class="swiper-slide">
+				<div>
+					<div class="imgdiv">
+					  <img src="./statics/images/img/Rectangle 33.png"/>
+					</div>
+					<div class="titlediv">
+						<h4 class="titlediv_title">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件</h4>
+						<!-- <h4 class="titlediv_title">OverCFDLab </h4> -->
+					  <p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+					<div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+				  </div>
+				</div>
+			</div>
+			<div class="swiper-slide">
+			  <div>
+				  <div class="imgdiv">
+					<img src="./statics/images/img/Rectangle 33.png"/>
+				  </div>
+				  <div class="titlediv">
+					  <h4 class="titlediv_title">气动仿真软件 </h4>
+					  <h4 class="titlediv_title">OverCFDLab </h4>
+					<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+				  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+				</div>
+			  </div>
+		  </div>
+		  <div class="swiper-slide">
+			  <div>
+				  <div class="imgdiv">
+					<img src="./statics/images/img/Rectangle 33.png"/>
+				  </div>
+				  <div class="titlediv">
+					  <h4 class="titlediv_title">气动仿真软件 </h4>
+					  <h4 class="titlediv_title">OverCFDLab </h4>
+					<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+				  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+				</div>
+			  </div>
+		  </div>
+		  <div class="swiper-slide">
+			  <div>
+				  <div class="imgdiv">
+					<img src="./statics/images/img/Rectangle 33.png"/>
+				  </div>
+				  <div class="titlediv">
+					  <h4 class="titlediv_title">气动仿真软件 </h4>
+					  <h4 class="titlediv_title">OverCFDLab </h4>
+					<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+				  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+				</div>
+			  </div>
+		  </div>
+		  <div class="swiper-slide">
+			<div>
+				<div class="imgdiv">
+				  <img src="./statics/images/img/Rectangle 33.png"/>
+				</div>
+				<div class="titlediv">
+					<h4 class="titlediv_title">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件</h4>
+					<!-- <h4 class="titlediv_title">OverCFDLab </h4> -->
+				  <p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+				<div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+			  </div>
+			</div>
+		</div>
+		<div class="swiper-slide">
+		  <div>
+			  <div class="imgdiv">
+				<img src="./statics/images/img/Rectangle 33.png"/>
+			  </div>
+			  <div class="titlediv">
+				  <h4 class="titlediv_title">气动仿真软件 </h4>
+				  <h4 class="titlediv_title">OverCFDLab </h4>
+				<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+			  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+			</div>
+		  </div>
+	  </div>
+	  <div class="swiper-slide">
+		  <div>
+			  <div class="imgdiv">
+				<img src="./statics/images/img/Rectangle 33.png"/>
+			  </div>
+			  <div class="titlediv">
+				  <h4 class="titlediv_title">气动仿真软件 </h4>
+				  <h4 class="titlediv_title">OverCFDLab </h4>
+				<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+			  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+			</div>
+		  </div>
+	  </div>
+	  <div class="swiper-slide">
+		  <div>
+			  <div class="imgdiv">
+				<img src="./statics/images/img/Rectangle 33.png"/>
+			  </div>
+			  <div class="titlediv">
+				  <h4 class="titlediv_title">气动仿真软件 </h4>
+				  <h4 class="titlediv_title">OverCFDLab </h4>
+				<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+			  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+			</div>
+		  </div>
+	  </div>
+	  <div class="swiper-slide">
+		<div>
+			<div class="imgdiv">
+			  <img src="./statics/images/img/Rectangle 33.png"/>
+			</div>
+			<div class="titlediv">
+				<h4 class="titlediv_title">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件</h4>
+				<!-- <h4 class="titlediv_title">OverCFDLab </h4> -->
+			  <p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+			<div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+		  </div>
+		</div>
+	</div>
+	<div class="swiper-slide">
+	  <div>
+		  <div class="imgdiv">
+			<img src="./statics/images/img/Rectangle 33.png"/>
+		  </div>
+		  <div class="titlediv">
+			  <h4 class="titlediv_title">气动仿真软件 </h4>
+			  <h4 class="titlediv_title">OverCFDLab </h4>
+			<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+		  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+		</div>
+	  </div>
+  </div>
+  <div class="swiper-slide">
+	  <div>
+		  <div class="imgdiv">
+			<img src="./statics/images/img/Rectangle 33.png"/>
+		  </div>
+		  <div class="titlediv">
+			  <h4 class="titlediv_title">气动仿真软件 </h4>
+			  <h4 class="titlediv_title">OverCFDLab </h4>
+			<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+		  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+		</div>
+	  </div>
+  </div>
+  <div class="swiper-slide">
+	  <div>
+		  <div class="imgdiv">
+			<img src="./statics/images/img/Rectangle 33.png"/>
+		  </div>
+		  <div class="titlediv">
+			  <h4 class="titlediv_title">气动仿真软件 </h4>
+			  <h4 class="titlediv_title">OverCFDLab </h4>
+			<p class="titlediv_text">气动仿真软件OverCFDLab是一款针对多体相对运动的气动仿真软件。支持多块、结构化重叠网格求解N-S方程,用于全声速域条件下气动运动耦合的复杂流场仿真和轨迹预测。</p>
+		  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
+		</div>
+	  </div>
+  </div>
 			</div>
 			<div class="swiper-button-next sjs-next s-next"></div>
 			<div class="swiper-button-prev sjs-prev s-prev"></div>
@@ -697,7 +852,7 @@
 	<div class="santext bgactive0" >
 		<div class="san_header">
 			<h2>航空航天</h2>
-			<p >经过百余年的快速发展,航空航天已经成为21世纪最活跃和最有影响的科学技术领域之一,该领域取得的重大成就标志着人类文明的最新发展,也表征着一个国家科学技术的先进水平。</p>
+			<p >经过百余年的快速发展,航空航天已经成为21世纪最活跃和最有影响的科学技术领域之一,该领域取得的重大成就标志着人类文明的最新发展,也表征着一个国家科学技术的先进水平经过百余年的快速发展,航空航天已经成为21世纪最活跃和最有影响的科学技术领域之一,该领域取得的重大成就标志着人类文明的最新发展,也表征着一个国家科学技术的先进水平。</p>
 			<div class="title_btn tansuo"><a href="#">探索更多</a> </div>
 		</div>
 	</div>
@@ -808,7 +963,7 @@ $(document).ready(function(){
 				  <div class="tu1">   
 				  <div class="si_left ">
 					<h2 class=" text_si heng">数字样机</h2>
-					<p class="text">光源性能数字样机<br/> 实现了“光、机、电、控、力、热”多学科一体化协同设计与仿真。 协同各仿真模块,实现仿真流程模型自动化运行。 基于仿真结果数据库实时输出高置信度仿真结果。</p>
+					<p class="text">光源性能数字样机<br/> 实现了“光、机、电、控、力、热”多学科一体化协同设计与仿真。 协同各仿真模块,实现仿真流程模型自动化运行。 基于仿真结果数据库实时输出高置信度仿真结果实现了“光、机、电、控、力、热”多学科一体化协同设计与仿真。 协同各仿真模块,实现仿真流程模型自动化运行。 基于仿真结果数据库实时输出高置信度仿真结。</p>
 					<div class="titlediv_btn"><a href="#">探索更多</a> </div>
 				  </div>
 				  <div class="si_rigth">

+ 0 - 0
index.html → index1.html


+ 25 - 9
statics/my/style/doem.css

@@ -177,7 +177,16 @@ padding: 10px 20px;
 -o-transition: all 0.2s;
 -moz-transition: all 0.2s;
 transition: all 0.2s;
+height: 579px;
+overflow: hidden;
 
+}
+.titlediv_text{
+    margin-top: 18px;
+    overflow: hidden;
+display:-webkit-box;
+-webkit-line-clamp:3;
+  -webkit-box-orient:vertical;
 }
 .banner .swiper-pagination-bullet{
 	width: 10px;
@@ -212,12 +221,17 @@ position: relative;
 
 }
 .titlediv_title{
-width: 144px;
+width: 100%;
 font-size: 24px;
 font-family: Microsoft YaHei, Microsoft YaHei;
 font-weight: 400;
 color: #000000;
 line-height: 28px;
+overflow: hidden;
+display:-webkit-box;
+-webkit-line-clamp:2;
+  -webkit-box-orient:vertical;
+}
 
 }
 .titlediv_text{
@@ -298,7 +312,6 @@ padding-left: 19px;
 .b1{
     background:url(../../images/img/b1.jpg);
     background-size:cover;
-    background-attachment: fixed;
     background-position-x:center !important;
     /*opacity: 0.4;*/
     z-index: 1;
@@ -306,7 +319,6 @@ padding-left: 19px;
 .b2{
     background:url(../../images/img/b2.jpg);
     background-size:cover;
-    background-attachment: fixed;
     background-position-x:center !important;
     /*opacity: 0.4;*/
     z-index: 1;
@@ -314,7 +326,6 @@ padding-left: 19px;
 .b3{
     background:url(../../images/img/b3.jpg);
     background-size:cover;
-    background-attachment: fixed;
     background-position-x:center !important;
     /*opacity: 0.4;*/
     z-index: 1;
@@ -322,7 +333,6 @@ padding-left: 19px;
 .b4{
     background:url(../../images/img/b4.jpg);
     background-size:cover;
-    background-attachment: fixed;
     background-position-x:center !important;
     /*opacity: 0.4;*/
     z-index: 1;
@@ -330,7 +340,6 @@ padding-left: 19px;
 .b5{
     background:url(../../images/img/b5.jpg);
     background-size:cover;
-    background-attachment: fixed;
     background-position-x:center !important;
     /*opacity: 0.4;*/
     z-index: 1;
@@ -403,6 +412,7 @@ margin-top: 46px;
     float: right;
     text-align: left;
     padding-left: 19px;
+    bottom:10px;
     }
     .santext{
         border: 1px dashed #0D2257;
@@ -425,8 +435,6 @@ letter-spacing: 1px;
 .santext p{
     width: 70%;
     color: #FFFFFF;
-
-
 }
 .santext .title_btn{
     color: #FFFFFF;
@@ -491,6 +499,8 @@ font-family: Microsoft YaHei, Microsoft YaHei;
 font-weight: 300;
 color: #000000;
 line-height: 22px;
+height: 155px;
+ overflow: hidden;
 }
 .si_rigth{
     float: left;
@@ -620,9 +630,11 @@ padding: 5%;
 }
 .liu_right .dec{
     border: 1px dashed #333333;
+    height: 121px;
+    overflow: hidden;
 }
 .liu_conent{
-    padding: 3.5% 0;
+    padding: 2.5% 0;
 }
 
 .liu_right .dec{
@@ -674,4 +686,8 @@ letter-spacing: 1px;
 }
 .swiperslide .swiper-wrapper{
     padding: 40px 0px 40px 10px;
+}
+.texttitle{
+    height: 140px;
+    overflow: hidden;
 }