1.24

demo.html

@@ -535,7 +535,7 @@
     </div>
     <div class="swiper-pagination"></div>
   </div> -->
-  <div class="swiper mySwiper banner " style="    margin-top: 100px;">
+  <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"><img src="./statics/images/img/Rectangle 2.png" alt="1" /></div>
@@ -603,7 +603,7 @@
                           <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">探索更多 </div></div>
+                      <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
                     </div>
                   </div>
               </div>
@@ -616,7 +616,7 @@
                         <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">探索更多 </div></div>
+                    <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
                   </div>
                 </div>
             </div>
@@ -629,7 +629,7 @@
                         <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">探索更多 </div></div>
+                    <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
                   </div>
                 </div>
             </div>
@@ -642,7 +642,7 @@
                         <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">探索更多 </div></div>
+                    <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="#">探索更多</a> </div></div>
                   </div>
                 </div>
             </div>
@@ -654,6 +654,8 @@
         </div>
 		</div>
 		  <script>
+			 
+			   let win = document.body.clientWidth;
 			   var swiper2 = new Swiper(".swiper2", {
                 slidesPerView: 3,
                 spaceBetween: 30,
@@ -665,9 +667,44 @@
                 // pagination: {
                 //     el: ".swiper-pagination",
                 // },
+				breakpoints: {
+					1024: {
+						slidesPerView: 3,
+					},
+					768: {
+						slidesPerView: 2,
+				},
+				320: {
+						slidesPerView: 1,
+				},
+				// 526: {
+				// 		slidesPerView: 1,
+				// },
+			},
                 mousewheel: true,
-               
-    });
+				// on:{
+				// 	resize:function(){
+				// 		if(document.body.clientWidth<768){
+				// 			swiper2.params.slidesPerView	=1
+				// 		}
+				// 		else if(document.body.clientWidth<=900){
+				// 			swiper2.params.slidesPerView	=2
+				// 		}else if(928<document.body.clientWidth<=1100){
+				// 			swiper2.params.slidesPerView	=3s
+				// 		}else {
+				// 		}
+				// 		// slider.update();
+				// 	}
+
+				// }
+		
+			})
+			function getDirection() {
+			  var windowWidth = window.innerWidth;
+			  var direction = window.innerWidth <= 760 ? 'vertical' : 'horizontal';
+		
+			  return direction;
+			}
 		  </script>
 	
 </div>
@@ -676,10 +713,14 @@
         <div class="san_header">
         <h2 class="san_title lu_title">行业解决方案</h2>
         <p class="san_tile2">为装备数字化转型提供CAE仿真软件产品和以高性能数值仿真引擎为核心的数字样机与数字孪生解决方案供应商</p>
-        <div class="titlediv_btn tansuo">探索更多 </div>
+        <div class="titlediv_btn tansuo"><a href="#">探索更多</a> </div>
     </div>
     <div class="jiejue" >
-    <div class="bg_img bgactive" id="bgimg" ></div>
+    <div class="bg_img bgactive0 b1" ></div>
+	<div class="bg_img bgactive1 b2"  ></div>
+	<div class="bg_img bgactive2 b3"  ></div>
+	<div class="bg_img bgactive3 b4" ></div>
+	<div class="bg_img bgactive4 b5" ></div>
 	<div class="san_container clearfloat">
     <div class="san_content" id="dianjiimg">
         <ul>
@@ -701,35 +742,35 @@
 		<div class="san_header">
 			<h2>航空航天</h2>
 			<p >经过百余年的快速发展，航空航天已经成为21世纪最活跃和最有影响的科学技术领域之一，该领域取得的重大成就标志着人类文明的最新发展，也表征着一个国家科学技术的先进水平。</p>
-			<div class="title_btn tansuo">探索更多 </div>
+			<div class="title_btn tansuo"><a href="#">探索更多</a> </div>
 		</div>
 	</div>
 	<div class="santext bgactive2" >
 		<div class="san_header">
 			<h2>交通工程</h2>
 			<p >汽车行业是飞速发展的行业，其行业竞争日益激烈，CAE在汽车行业应用日益广泛，软件水平不断更新提高。</p>
-			<div class="title_btn tansuo">探索更多 </div>
+			<div class="title_btn tansuo"><a href="#">探索更多</a> </div>
 		</div>
 	</div>
 	<div class="santext bgactive3" >
 		<div class="san_header">
 			<h2>船舶工程</h2>
 			<p >中国船舶工程作为全球最大的船舶生产国之一，近年来取得了长足的发展。数字化的设计和制造技术的应用都为船舶工程带来了新的机遇。</p>
-			<div class="title_btn tansuo">探索更多 </div>
+			<div class="title_btn tansuo"><a href="#">探索更多</a> </div>
 		</div>
 	</div>
 	<div class="santext bgactive4" >
 		<div class="san_header">
 			<h2>能源工程</h2>
 			<p >目前，国家大力发展新能源，光伏发电，风力发电等飞速发展，新能源应用也应运而生，对于CAE也存在这巨大应用潜力。</p>
-			<div class="title_btn tansuo">探索更多 </div>
+			<div class="title_btn tansuo"><a href="#">探索更多</a></div>
 		</div>
 	</div>
 	<div class="santext bgactive1" >
 		<div class="san_header">
 			<h2>兵器兵装</h2>
 			<p >装备现代化，科技化 ，打造机械化信息化智能化融合发。</p>
-			<div class="title_btn tansuo">探索更多 </div>
+			<div class="title_btn tansuo"><a href="#">探索更多</a> </div>
 		</div>
 	</div>
 </div>
@@ -812,7 +853,7 @@ $(document).ready(function(){
 				  <div class="si_left ">
 					<h2 class=" text_si heng">数字样机</h2>
 					<p class="text">光源性能数字样机<br/> 实现了“光、机、电、控、力、热”多学科一体化协同设计与仿真。 协同各仿真模块，实现仿真流程模型自动化运行。 基于仿真结果数据库实时输出高置信度仿真结果。</p>
-					<div class="titlediv_btn">探索更多 </div>
+					<div class="titlediv_btn"><a href="#">探索更多</a> </div>
 				  </div>
 				  <div class="si_rigth">
 					  <img src="./statics/images/img/si2.png"/>
@@ -823,7 +864,7 @@ $(document).ready(function(){
 				<div class="si_left ">
 				  <h2 class=" text_si heng">数字孪生</h2>
 				  <p class="text">数字孪生是实现智能制造的前提和基础。高保真的仿真建模，高精度多尺度建模，多物理场建模，模型动态重构，是实现数字孪生的关键。</p>
-				  <div class="titlediv_btn"><a href=".">探索更多	</a> </div>
+				  <div class="titlediv_btn"><a href="#">探索更多	</a> </div>
 				</div>
 				<div class="si_rigth">
 					<img src="./statics/images/img/si0.png"/>
@@ -856,7 +897,7 @@ $(document).ready(function(){
 			<li><img src="./statics/images/img/Group 29.png"/></li>
 		</ul>
 		<div class="wubtn">
-		<div class="titlediv_btn bnt"><a href=".">探索更多	</a> </div></div>
+		<div class="titlediv_btn bnt"><a href="#">探索更多	</a> </div></div>
 </div>
   </div>
   <div class="liu">
@@ -864,85 +905,119 @@ $(document).ready(function(){
         <div class="san_header">
         <h2 class="san_title lu_title">新闻中心</h2>
         <p class="san_tile2">卓越进取，超越前沿，携手并进，创造未来</p>
-        <div class="titlediv_btn tansuo">探索更多 </div>
+        <div class="titlediv_btn tansuo"><a href="#">探索更多</a> </div>
     </div>
+	<div class="clearfloat liu_conent">
+	<div class="liu_left">
+		<div class="liu_img">
+			<img src="./statics/images/img/Rectangle 23.png"/>
+	</div>
+	<div class="liu_newtext texttitle">
+		<a href="#">
+		<h4 >中国科学院院士李应红及团队一行莅临西安前沿动力公司进行考察指导</h4>
+        <p >为了加强产学研合作，推动企业创新发展，2023年10月14日，中国科学院院士李应红
+		</p>
+		<div class="liu_ioc"><span class="ioc"></span><span class="datatime">2017/03/12</span></div>
+	</a>
+	</div>
+	</div>
+	<div class="liu_right">
+		<div class="liu_newtext dec">
+			<a href="#">
+			<h4 >中国科学院院士李应红及团队一行莅临西安前沿动力公司进行考察指导</h4>
+			<p >为了加强产学研合作，推动企业创新发展，2023年10月14日，中国科学院院士李应红
+			</p>
+			<div class="liu_ioc"><span class="ioc"></span><span class="datatime">2017/03/12</span></div>
+		</a>
+		</div>
+		<div class="liu_newtext dec">
+			<a href="#">
+			<h4 >中国科学院院士李应红及团队一行莅临西安前沿动力公司进行考察指导</h4>
+			<p >为了加强产学研合作，推动企业创新发展，2023年10月14日，中国科学院院士李应红
+			</p>
+			<div class="liu_ioc"><span class="ioc"></span><span class="datatime">2017/03/12</span></div>
+		</a>
+		</div>
+		<div class="liu_newtext dec">
+			<a href="#">
+			<h4 >中国科学院院士李应红及团队一行莅临西安前沿动力公司进行考察指导</h4>
+			<p >为了加强产学研合作，推动企业创新发展，2023年10月14日，中国科学院院士李应红
+			</p>
+			<div class="liu_ioc"><span class="ioc"></span><span class="datatime">2017/03/12</span></div>
+		</a>
+		</div>
+	</div>
+</div>
 	</div>
   </div>
 <div id="fullpage1">
 	<div class="section y6">
+		<div class="er-content liu_footer_content">
 		<div class="sec-scale">
 			<div class="i_con">
 	<div class="i_footer">
 		<div class="i_footer_tright fl">
 			<div class="i_footer_tright_t fl">
 				<div class="i_footer_tright_t fl">
-					<!-- <a href=""><img src="statics/my/images/f_logo.png" alt="成都恒睿信息技术有限公司" title="成都恒睿信息技术有限公司"></a> -->
-															<a href=".">
-						<img src="uploadfile/2021/0510/20210510095339384.png" alt="四川智文教育管理有限公司" />
-					</a>
-														</div>
+					<h4 class="footertitle">西安前沿动力软件开发有限责任公司</h4>
+					</div>
 				<div class="i_footer_tright_c fl">					
-																	   <p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">联系地址：西安市高新区丈八六路融城东海A楼1101号&nbsp;</span></p><p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">联系电话：029-83243686 18991131323</span></p><p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">E-mail：adi@adicn.com</span></p><p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">网&nbsp; &nbsp;址：www.adicn.com</span></p><p><br/></p>											 						
+					<p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">电 &nbsp;&nbsp; &nbsp;&nbsp;话：029-832 43686</span></p><p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">邮&nbsp;&nbsp; &nbsp;&nbsp;箱：adi@adicn.com</span></p>										   <p><span style="font-family: 微软雅黑, " microsoft="" font-size:="">联系地址：西安市高新区丈八六路融城东海A楼1101号</span></p>
+					<p style="margin-top: 10px;"><img src="./statics/images/img/Rectangle20.png"/></p>
+					
+					<p><br/></p>											 						
 				</div>
 				<div class="clearboth"></div>
 			</div>
 			<div class="clearboth"></div>
 		</div>
-		<ul class="i_footer_tleft fr">
-																		<li>
-				<a href="http://www.adicn.com/list-1-1.html" class="a1">关于ADI</a>
-																<a href="http://www.adicn.com/list-63-1.html" class="a2" title="公司简介">公司简介</a>
-								<a href="http://www.adicn.com/list-37-1.html" class="a2" title="企业文化">企业文化</a>
-								<a href="http://www.adicn.com/list-39-1.html" class="a2" title="荣誉资质">荣誉资质</a>
-																<div class="clearboth"></div>
-			</li>
-									<!--获取第一个子类的 url 字段值-->
-									<!--否则直接得到当前的url-->
-						<li>
-				<a href="http://www.adicn.com/list-58-1.html" class="a1">新闻中心</a>
-																<a href="http://www.adicn.com/list-58-1.html" class="a2" title="公司要闻">公司要闻</a>
-																<div class="clearboth"></div>
-			</li>
-															<li>
+		<ul class="i_footer_tleft fr liu_footer">
+			<li>
 				<a href="http://www.adicn.com/list-98-1.html" class="a1">产品中心</a>
 																<a href="http://www.adicn.com/list-99-1.html" class="a2" title="流体分析">流体分析</a>
-								<a href="http://www.adicn.com/list-100-1.html" class="a2" title="结构分析">结构分析</a>
-								<a href="http://www.adicn.com/list-101-1.html" class="a2" title="多场耦合">多场耦合</a>
-								<a href="http://www.adicn.com/list-102-1.html" class="a2" title="噪声分析">噪声分析</a>
-								<a href="http://www.adicn.com/list-103-1.html" class="a2" title="燃烧分析">燃烧分析</a>
-								<a href="http://www.adicn.com/list-104-1.html" class="a2" title="电磁分析">电磁分析</a>
-								<a href="http://www.adicn.com/list-105-1.html" class="a2" title="辐射分析">辐射分析</a>
+								<a href="http://www.adicn.com/list-100-1.html" class="a2" title="结构分析">结构仿真</a>
+								<a href="http://www.adicn.com/list-101-1.html" class="a2" title="多场耦合">流体仿真</a>
+								<a href="http://www.adicn.com/list-102-1.html" class="a2" title="噪声分析">声学仿真</a>
+								<a href="http://www.adicn.com/list-103-1.html" class="a2" title="燃烧分析">工艺仿真</a>
+								<a href="http://www.adicn.com/list-104-1.html" class="a2" title="电磁分析">系统仿真</a>
+								<a href="http://www.adicn.com/list-105-1.html" class="a2" title="辐射分析">前后处理</a>
 																<div class="clearboth"></div>
 			</li>
-															<li>
+			<li>
 				<a href="http://www.adicn.com/list-12-1.html" class="a1">解决方案</a>
-																<a href="http://www.adicn.com/list-88-1.html" class="a2" title="航空航天">航空航天</a>
+								<a href="http://www.adicn.com/list-88-1.html" class="a2" title="航空航天">航空航天</a>
 								<a href="http://www.adicn.com/list-93-1.html" class="a2" title="兵器兵装">兵器兵装</a>
 								<a href="http://www.adicn.com/list-95-1.html" class="a2" title="交通工程">交通工程</a>
-								<a href="http://www.adicn.com/list-96-1.html" class="a2" title="能源电力">能源电力</a>
-								<a href="http://www.adicn.com/list-89-1.html" class="a2" title="建筑桥梁">建筑桥梁</a>
-								<a href="http://www.adicn.com/list-91-1.html" class="a2" title="石油化工">石油化工</a>
 								<a href="http://www.adicn.com/list-92-1.html" class="a2" title="船舶工程">船舶工程</a>
-								<a href="http://www.adicn.com/list-94-1.html" class="a2" title="机电工程">机电工程</a>
+								<a href="http://www.adicn.com/list-96-1.html" class="a2" title="能源电力">能源工程</a>
 																<div class="clearboth"></div>
 			</li>
-															<li>
-				<a href="http://www.adicn.com/list-116-1.html" class="a1">下载中心</a>
-																<a href="http://www.adicn.com/list-117-1.html" class="a2" title="软件下载">软件下载</a>
-								<a href="http://www.adicn.com/list-118-1.html" class="a2" title="文档下载">文档下载</a>
-																<div class="clearboth"></div>
+																		<li>
+				<a href="http://www.adicn.com/list-1-1.html" class="a1">关于ADI</a>
+							<a href="http://www.adicn.com/list-63-1.html" class="a2" title="公司简介">公司简介</a>
+								<a href="http://www.adicn.com/list-37-1.html" class="a2" title="企业文化">企业文化</a>
+								<a href="http://www.adicn.com/list-39-1.html" class="a2" title="荣誉资质">荣誉资质</a>
+								<a href="http://www.adicn.com/list-60-1.html" class="a2" title="合作伙伴">合作伙伴</a>
+								<a href="http://www.adicn.com/list-60-1.html" class="a2" title="联系我们">联系我们</a>
+													
+								<div class="clearboth"></div>
 			</li>
-															<li>
-				<a href="http://www.adicn.com/list-121-1.html" class="a1">云平台</a>
-																<a href="http://www.adicn.com/adi/#/indexLayout/home" class="a2" title="云平台">云平台</a>
+									<!--获取第一个子类的 url 字段值-->
+									<!--否则直接得到当前的url-->
+						<li>
+				<a href="http://www.adicn.com/list-58-1.html" class="a1">新闻中心</a>
+																<a href="http://www.adicn.com/list-58-1.html" class="a2" title="公司要闻">公司要闻</a>
 																<div class="clearboth"></div>
 			</li>
-									<!--获取第一个子类的 url 字段值-->
+			
+			
+							<!--获取第一个子类的 url 字段值-->
 									<!--否则直接得到当前的url-->
 						<li>
-				<a href="http://www.adicn.com/list-61-1.html" class="a1">人才招聘</a>
-																<a href="http://www.adicn.com/list-61-1.html" class="a2" title="招聘信息">招聘信息</a>
-								<a href="http://www.adicn.com/list-60-1.html" class="a2" title="联系我们">联系我们</a>
+				<a href="http://www.adicn.com/list-61-1.html" class="a1">加入我们</a>
+				<a href="http://www.adicn.com/list-61-1.html" class="a2" title="招聘信息">人才招聘</a>
+							<!-- <a href="http://www.adicn.com/list-61-1.html" class="a2" title="招聘信息">招聘信息</a>
+								<a href="http://www.adicn.com/list-60-1.html" class="a2" title="联系我们">联系我们</a> -->
 																<div class="clearboth"></div>
 			</li>
 								</ul>
@@ -950,16 +1025,17 @@ $(document).ready(function(){
 
 	</div>
 </div>
-<div class="ui_div i_fbg">
+<!-- <div class="ui_div i_fbg">
 	<div class="i_con">
 		<div class="i_footer_b">
                         	            	   <div>版权所有 © 西安前沿动力软件开发有限责任公司</div>            	             	
 		</div>
 	</div>
-</div>
+</div> -->
 		</div>
 	</div>
 </div>
+</div>
 </body>
 </html>
 

statics/my/css/device.css

@@ -639,7 +639,7 @@
 .nav_menu li .a_nav:after{ bottom:10px;}
 .nav_menu li .dl{ top:60px;}
 .yc_box1.leftbutton{ top:60px;}
-.nav_menu{ width:57%; height:60px;}
+.nav_menu{ width:57%; height:60px;margin-left: 5.9%; }
 
 .i_ss_t{ height:60px;}
 .i_con{ width:100%; padding:0px 2%;}

statics/my/style/doem.css

@@ -1,3 +1,58 @@
+@media screen and (min-width:0px) and (max-width: 222px)
+{
+
+}
+@media screen and (min-width: 345px) and (max-width: 992px){
+    .liu_right{
+        width: 100%;
+    }
+    .liu_left{
+        width: 100%;
+    }
+    .bgwu ul li{
+        width: 44%;
+        margin-top: 10px;
+
+    }
+    .si_left, .si_rigth {
+        width: 100% !important;
+    }
+    .si_left .titlediv_btn{
+        margin-top: 3%;
+    }
+    .santext{
+width: 100%;
+    }
+ 
+}
+@media screen and (min-width: 993px) and (max-width: 1970px){
+    .ulwu{
+        display: flex;
+    }
+    .liu_right{
+        width: 49%;
+    }
+    .liu_left{
+        width: 49%;
+    }
+    .liu_right{
+        margin-left: 2%;
+    }
+    .si_left{
+        width: 40%;
+    }
+    .si_rigth{
+        width: 50.5%;
+    }
+    .si_left .titlediv_btn{
+    margin-top: 14%;
+   }
+   .santext{
+    width: 71.7%;
+    position: absolute;
+   }
+
+}
 .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}　 .clearfloat{zoom:1}
 .container {
        width: 100%!important;
@@ -5,13 +60,16 @@
        max-width:1170px\9;
 }
 .lcontiner{
-	padding-top:120px;
+	padding:6% 0;
 }
 .er-content{
 	max-width:1200px;	
 	margin: 0 auto;
 
 }
+.jiejue a{
+    color: #fff;
+}
 .er-content2{
 	max-width:1300px;	
 	margin: 0 auto;
@@ -19,7 +77,6 @@
 }
 /* //#F6F9F9 */
 .lcontiner{
-	padding-bottom: 122px;
 	background-color: #F6F9F9 ;
 	border-bottom: 1px dashed #000;
 }
@@ -28,15 +85,15 @@
 }
 .er-content li{
 	flex: 1;
-	width: 150px;
+	width: 25%;
 	text-align: center;
+    padding: 0px 6% 0% 6%
 }
 .er-content ul li img{
+    width: 100%;
 	border: 1px dashed #999;
 }
-.ulwu{
-    margin-top: 5%;
-}
+
 .l_title{
 width: 100%;
 margin-top: 100px;
@@ -71,14 +128,14 @@ position: relative;
 .san_content{
     width: 340px;
     padding: 100px 0 130px 0;
-    background-color: rgba(255,255,255,0.5);
+    background-color: rgba(234,241,255,0.65);
     height: 100%;
     position: relative;
     z-index: 1;
     float: left;
 }
 .san_content:hover{
-    background-color: rgba(255,255,255,0.9); 
+    background-color: rgba(234,241,255,1); 
 }
 .san_content ul{
     margin-top: 46px;
@@ -173,7 +230,7 @@ font-weight: 300;
 color: #0E50C8;
 border: 1px solid #0E50C8;
 margin-top: 10px;
-background: url(../images/tb_37.png) right 15px center no-repeat;
+background: url(../../images/img/02.png) right 15px center no-repeat;
 float: right;
 text-align: left;
 padding-left: 19px;
@@ -216,21 +273,56 @@ padding-left: 19px;
 
 .titlediv_btn:hover{
     color: #fff;
-    background: url(../images/tb_37z.png) right 15px center no-repeat;
+    background: url(../../images/img/04.png) right 15px center no-repeat;
     background-color: #175394;}
+    .titlediv_btn:hover a{color: #fff;}
 .h2after:after{width:65px; height:4px; background-color:#0E50C8;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; content:""; position:absolute; left:50%; bottom:-17px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%,0%);transform: translate(-50%, 0%);}
 .bg_img{
  
         position: absolute;
         width: 100%;height: 100%;
-        /* //background:url(./statics/images/img/Rectangle 33.png);../images/img/12.png */
-        background:url(../../images/img/12.png);
-        background-size:cover;
-        background-attachment: fixed;
-        background-position-x:center !important;
-        /*opacity: 0.4;*/
-        z-index: 1;
+    
  
+}
+.b1{
+    background:url(../../images/img/b1.jpg);
+    background-size:cover;
+    background-attachment: fixed;
+    background-position-x:center !important;
+    /*opacity: 0.4;*/
+    z-index: 1;
+}
+.b2{
+    background:url(../../images/img/b2.jpg);
+    background-size:cover;
+    background-attachment: fixed;
+    background-position-x:center !important;
+    /*opacity: 0.4;*/
+    z-index: 1;
+}
+.b3{
+    background:url(../../images/img/b3.jpg);
+    background-size:cover;
+    background-attachment: fixed;
+    background-position-x:center !important;
+    /*opacity: 0.4;*/
+    z-index: 1;
+}
+.b4{
+    background:url(../../images/img/b4.jpg);
+    background-size:cover;
+    background-attachment: fixed;
+    background-position-x:center !important;
+    /*opacity: 0.4;*/
+    z-index: 1;
+}
+.b5{
+    background:url(../../images/img/b5.jpg);
+    background-size:cover;
+    background-attachment: fixed;
+    background-position-x:center !important;
+    /*opacity: 0.4;*/
+    z-index: 1;
 }
 .jiejue {
   position: relative;
@@ -261,9 +353,9 @@ margin-top: 46px;
     background: url(../../images/img/Group162.png) 45px center no-repeat;
 }
 
-.san_content .list2:hover{
+/* .san_content .list2:hover{
     background: url(../../images/img/Group411.png)  45px center no-repeat;
-}
+} */
 .san_content .active0{
     background: url(../../images/img/Component37.png)  45px center no-repeat;
 }
@@ -305,10 +397,8 @@ margin-top: 46px;
         float: left;
         padding: 30px;
         overflow: hidden;
-        position: absolute;
-        left: 340px;
+        right:0;
         bottom: 0;
-        width: 71.7%;
         
     }
   .santext h2  {
@@ -336,7 +426,7 @@ letter-spacing: 1px;
      font-family: Microsoft YaHei, Microsoft YaHei;
      font-weight: 300;
      margin-top: 10px;
-     background: url(../images/tb_37z.png) right 15px center no-repeat;
+     background: url(../../images/img/04.png) right 15px center no-repeat;
      float: right;
      text-align: left;
      padding-left: 19px;
@@ -373,7 +463,7 @@ line-height: 42px;
 position: relative;
 }
 .si_left{
-    width: 40%;
+ 
     margin-top: 2%;
     left: 10%;
     margin-left: 4%;
@@ -382,7 +472,7 @@ position: relative;
 }
 .heng:after{width:65px; height:4px; background-color:#0E50C8;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; content:""; position:absolute; left:33px; bottom:-17px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%,0%);transform: translate(-50%, 0%);}
 .text{
-    width: 50%;
+    width: 90%;
     padding-top: 40px;
     font-size: 14px;
 font-family: Microsoft YaHei, Microsoft YaHei;
@@ -391,7 +481,6 @@ color: #000000;
 line-height: 22px;
 }
 .si_rigth{
-    width: 50.5%;
     float: left;
     display: inline-block;
     overflow: hidden;
@@ -399,7 +488,7 @@ line-height: 22px;
 }
 .si_left .titlediv_btn{
     float: left;
-    margin-top: 14%;
+  
 }
 .si a:hover{
     color: #fff;
@@ -409,7 +498,7 @@ background-color:#F6F9F9;
 border-bottom: 1px dashed #0D2257;
 }
 .bgwu{
-    padding: 5% 0;
+    padding: 5% 10px;
     background: url(../../images/img/Rectangle14.png)  center no-repeat;
     background-size: 100%;
 }
@@ -438,6 +527,8 @@ line-height: 25px;
     border: 1px dashed #000;
     float: left;
     margin-right: 4%;
+    margin-top: 5%;
+    overflow: hidden;
 }
 .wubtn{
     padding-top: 10%;
@@ -449,4 +540,120 @@ line-height: 25px;
 .liu{
     background-color: #fff;
 padding: 5%;
+}
+.section.y6{
+    background-color: #333333;
+}
+.liu_left{
+    border: 1px dashed #333333;
+    float: left;
+}
+.liu_right{
+    float: right;
+}
+.liu_img{
+    width: 100%;
+    height: 233px;
+    overflow: hidden;
+}
+.liu_left .liu_img img{
+    width: 100%;
+}
+.texttitle{
+    padding: 2% 8%;
+}
+.liu_newtext a{
+    color: #000;
+}
+.liu_newtext h4{
+
+    overflow: hidden;
+    font-size: 20px;
+  
+    font-weight: bold;
+     text-overflow:ellipsis;
+     display:-webkit-box;
+    -webkit-line-clamp:2;
+      -webkit-box-orient:vertical;
+}
+.texttitle h4{
+    line-height: 1.5;
+    height:55px;
+}
+.texttitle p{
+    padding: 10px 0;
+}
+.liu_newtext p{
+    font-size: 14px;
+    white-space: nowrap; /* 不换行 */
+    overflow: hidden; /* 隐藏超出部分 */
+    text-overflow: ellipsis; /* 显示省略号 */
+}
+.liu_ioc .ioc{
+    display: inline-block;
+    width: 22px;
+    height: 17px;
+    background: url(../../images/img/Frame.png)center no-repeat;
+    background-size: 100%;
+    border: 1px dashed #333333;
+}
+.liu_newtext:hover .ioc{
+    display: inline-block;
+    width: 22px;
+    height: 17px;
+    background: url(../../images/img/05.png)center no-repeat;
+    background-size: 100%;
+    overflow: hidden;
+}
+.liu_ioc .datatime{
+  float: right;
+}
+.liu_right .dec{
+    border: 1px dashed #333333;
+}
+.liu_conent{
+    padding: 3.5% 0;
+}
+
+.liu_right .dec{
+    padding: 2% 4%;
+}
+.h4{
+    line-height: 1.5;
+    height:46px;
+}
+.dec {
+    margin-bottom: 1.2%;
+}
+.dec p{
+    padding: 3.2px 0
+}  
+.liu_newtext:hover{
+    background-color: #0E50C8;
+}
+.liu_newtext:hover a{
+    color: #fff;
+}
+.footertitle{
+    font-size: 20px;
+font-family: Microsoft YaHei, Microsoft YaHei;
+font-weight: 400;
+color: #FFFFFF;
+line-height: 23px;
+letter-spacing: 1px;
+}
+.er-content .liu_footer li{
+    width: 20% !important;
+}
+ .i_con{
+    width: 100% !important;
+}
+.liu_footer_content li{
+    padding: 0;
+}
+.footertitle{
+    padding-top: 15px;
+}
+.swiperslide .swiper-slide:hover{
+    box-shadow: 0 0 13px #c6c4ce;
 }

statics/my/style/styles.css

@@ -177,7 +177,7 @@ box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
 
 .i_ss{width:5%; margin-left:0; position:relative;}
 .i_ss_t{width:100%; height:100px; cursor:pointer; background:url(../images/tb_2.png) center no-repeat; position:relative;}
-.i_ss_t:after{ width:1px; height:100px; background:url(../images/tb_18.png) left center no-repeat; position:absolute; left:0px; top:0px; content:"";}
+/* .i_ss_t:after{ width:1px; height:100px; background:url(../images/tb_18.png) left center no-repeat; position:absolute; left:0px; top:0px; content:"";} */
 .i_ss_c{width:200px; height:40px; background-color:#fff;position:absolute; right:0px; top:77px; display:none;}
 .i_ss_c .ipt1{width:170px; height:40px; line-height:40px; border:0px; background-color:transparent; color:#333; font-size:14px; text-indent:10px; font-family:"微软雅黑";}
 .i_ss_c .ipt2{width:30px; height:40px; background:url(../images/tb_2.png) left center no-repeat; border:0px;}
@@ -560,15 +560,15 @@ cursor:pointer;
 .i_footer{width:100%; padding:45px 0px;}
 .i_footer_t{width:100%; padding:56px 0px 104px 0px; border-bottom:1px solid #2d5f98;}
 .i_footer_tleft{width:65%;}
-.i_footer_tleft li{width:14.285%; min-height:306px; float:left; border-right:1px solid #f2f2f2;}
-.i_footer_tleft li .a1{ text-decoration:none; position:relative;width:100%; height:50px; line-height:50px;  overflow:hidden; float:left; color:#333333; font-size:16px; text-align:center;}
+.i_footer_tleft li{width:14.285%; min-height:306px; float:left;}
+.i_footer_tleft li .a1{ text-decoration:none; position:relative;width:100%; height:50px; line-height:50px;  overflow:hidden; float:left; color:#fff; font-size:16px; text-align:center;}
 .i_footer_tleft li .a1:hover{ text-decoration:none; color:#009de7;}
 .i_footer_tleft li .a2{ text-decoration:none; position:relative;width:100%; height:32px; line-height:32px; overflow:hidden; float:left; color:#666666; font-size:14px;text-align:center; padding: 0 5px;}
 .i_footer_tleft li .a2:hover{ text-decoration:none; color:#009de7;}
 
 .i_footer_tright{width:32%;}
 .i_footer_tright_t{width:100%; padding-bottom:25px;}
-.i_footer_tright_c{width:100%; padding-left:3%; color:#333333; font-size:14px; line-height:1.8; overflow:hidden;}
+.i_footer_tright_c{width:100%; padding-left:3%; color:#fff; font-size:14px; line-height:1.8; overflow:hidden;}