adicn/phpcms/templates/default/content/index.html

{template "content","header"}
<link rel="stylesheet" href="statics/my/swiper/swiper-bundle.min.css" />
<script src="statics/my/swiper/swiper.jquery.min.js"></script>
<script src="statics/my/swiper/swiper-bundle.min.js"></script>
<!-- <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="width: 100%; height: 700px;"><img src="uploadfile/2021/0806/20210806021611508.jpg"  alt="banner1" /></div>
      <div class="swiper-slide" style="width: 100%;height: 700px;"><img src="uploadfile/2021/0518/20210518094052799.jpg" alt="1" /></div>
      <div class="swiper-slide" style="width: 100%;height: 700px;"><img src="uploadfile/2021/0806/20210806021611508.jpg" alt="banner1"  /></div>
      <div class="swiper-slide" style="width: 100%; height: 700px;"><img src="uploadfile/2021/0806/20210806021611508.jpg"  alt="banner1" /></div> 
    </div>
    <div class="swiper-pagination"></div>
  </div> -->
  <div class="swiper mySwiper banner ">
    <div class="swiper-wrapper">
		{pc:content action="lists" catid="9"  num="5" order="listorder desc"}
		{loop $data $r}
	  <div class="swiper-slide"> <a href="{$r[url]}"> <img src="{$r[thumb]}" /></a></div>

	  {/loop}
	  {/pc}

    </div>
    <div class="swiper-pagination"></div>
  </div>
  <!-- Swiper JS -->
  <script>
     var swiper = new Swiper(".mySwiper", {
        loop: true,
       // autoplay : true,
        autoplay: {
      pauseOnMouseEnter:true,
      disableOnInteraction:false,
    },
        //autoplay: true ,
     // autoplay: 1000,
    //   disableOnInteraction:true,
    //   autoplayDisableOnInteraction : false, //是否禁止autoplay
    //   observer: true ,

       // autoplayDisableOnInteraction : false,
 
      pagination: {
  
        el: ".swiper-pagination",
        clickable: true,
      },
    });

  </script>
	<!-- <div class="mousehover arrowGo">&nbsp;</div> -->
	<div class="lcontiner">
		<div class="er-content er-con">
			<div>
				<ul>
					<li class="item">
						<img src="./statics/images/img/Group 52.png"/>
					</li>
					<li class="item">
						<img src="./statics/images/img/Group51.png"/>
					</li>
					<li class="item">
						<img src="./statics/images/img/Group50.png"/>
					</li>
					<li class="item">
						<img src="./statics/images/img/Group49.png"/>
					</li>
				</ul>
			</div>
		</div>
		<div class="er-content2">
			<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: 20px; 	padding: 0 50px;">
				<div class="swiper-wrapper">
					
				{pc:content action="lists" catid="98"  order="listorder desc, id desc"}
				{loop $data $r}
				  <div class="swiper-slide">
					  <div>
						  <div class="imgdiv">
							<img src="{$r[thumb]}"/>
						  </div>
						  <div class="titlediv">
							  <h4 class="titlediv_title">{$r[title]} </h4>
							<p class="titlediv_text">{$r[description]}</p>
						  <div class="titlediv_bottom clearfloat" ><div class="titlediv_btn"><a href="{$r[url]}">探索更多</a> </div></div>
						</div>
					  </div>
				  </div>
			
				{/loop}
				{/pc}
		
		   
				</div>
				<div class="swiper-button-next sjs-next s-next"></div>
				<div class="swiper-button-prev sjs-prev s-prev"></div>
			  </div>
			</div>
			</div>
			  <script>
				 
				   let win = document.body.clientWidth;
				   var swiper2 = new Swiper(".swiper2", {
					slidesPerView: 3,
					spaceBetween: 30,
					cssMode: true,
					navigation: {
						nextEl: ".swiper-button-next",
						prevEl: ".swiper-button-prev",
					},
					// 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>
	<div class="san">
		<div class="er-content">
			<div class="san_header">
			<h2 class="san_title lu_title">行业解决方案</h2>
			<p class="san_tile2">为装备数字化转型提供CAE仿真软件产品和以高性能数值仿真引擎为核心的数字样机与数字孪生解决方案供应商</p>
			{pc:get sql="select * from v9_category where catid =12" return="data" num="1"}
			{loop $data $v}
			<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
			{/loop}
			{/pc}
		
		</div>
		<div class="jiejue" >
		<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>
				<li class="item list1 im0 active0">
					 <!-- <img src="./statics/images/img/Component37.png"/> -->
				</li>
				<li  class="item list2 im1"></li>
				<li  class="item list3 im2"></li>
				<li class="item list4 im3"></li>
				<li  class="item list5 im4"></li>
			   
			</ul>
		</div>
		<div class="santext bgactive0" >
			<div class="san_header">
				<h2>航空航天</h2>
				<p >经过百余年的快速发展，航空航天已经成为21世纪最活跃和最有影响的科学技术领域之一，该领域取得的重大成就标志着人类文明的最新发展，也表征着一个国家科学技术的先进水平。</p>
				{pc:get sql="select * from v9_category where catid =88" return="data" num="1"}
				{loop $data $v}
				<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
				{/loop}
				{/pc}
			</div>
		</div>
		<div class="santext bgactive2" >
			<div class="san_header">
				<h2>交通工程</h2>
				<p >汽车行业是飞速发展的行业，其行业竞争日益激烈，CAE在汽车行业应用日益广泛，软件水平不断更新提高。</p>
				{pc:get sql="select * from v9_category where catid =95" return="data" num="1"}
				{loop $data $v}
				<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
				{/loop}
			</div>
		</div>
		<div class="santext bgactive3" >
			<div class="san_header">
				<h2>船舶工程</h2>
				<p >中国船舶工程作为全球最大的船舶生产国之一，近年来取得了长足的发展。数字化的设计和制造技术的应用都为船舶工程带来了新的机遇。</p>
				{pc:get sql="select * from v9_category where catid =92" return="data" num="1"}
				{loop $data $v}
				<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
				{/loop}
			</div>
		</div>
		<div class="santext bgactive4" >
			<div class="san_header">
				<h2>能源工程</h2>
				<p >目前，国家大力发展新能源，光伏发电，风力发电等飞速发展，新能源应用也应运而生，对于CAE也存在这巨大应用潜力。</p>
				{pc:get sql="select * from v9_category where catid =96" return="data" num="1"}
				{loop $data $v}
				<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
				{/loop}
			</div>
		</div>
		<div class="santext bgactive1" >
			<div class="san_header">
				<h2>兵器兵装</h2>
				<p >装备现代化，科技化 ，打造机械化信息化智能化融合发。</p>
				{pc:get sql="select * from v9_category where catid =93" return="data" num="1"}
				{loop $data $v}
				<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
				{/loop}
			</div>
		</div>
	</div>
		</div>
	</div>
	</div>
	<script>
	var swiper = new Swiper('.home-swiper', {
	pagination: {
		el: '.home-pagination',
		dynamicBullets: false,
		clickable: true
	},
	autoplay: true,
	speed: 1000,
	/*nextButton: '.home_next',
	prevButton: '.home_prev',*/
	});
	// 图片的点击事件
	$(document).ready(function(){
		var num=0;
		$('#dianjiimg li').each(function (index, item) {
			$(this).click(function(){
				 var index = $(this).index();
				$(this).addClass('active'+index).siblings().removeClass('active'+num);
				num=$(this).index();
			switch (index) {
				
				case 0:
				$('.bgactive0').css("display",'block')
				$('.bgactive1').css("display",'none');
				$('.bgactive2').css("display",'none')
				$('.bgactive3').css("display",'none')
				$('.bgactive4').css("display",'none')
					break;
				case 1:
				$('.bgactive0').css("display",'none')
				$('.bgactive1').css("display",'block');
				$('.bgactive2').css("display",'none')
				$('.bgactive3').css("display",'none')
				$('.bgactive4').css("display",'none')
					break;
					case 2:
					$('.bgactive0').css("display",'none')
				$('.bgactive1').css("display",'none');
				$('.bgactive2').css("display",'block')
				$('.bgactive3').css("display",'none')
				$('.bgactive4').css("display",'none')
					break;
					case 3:
					$('.bgactive0').css("display",'none')
				$('.bgactive1').css("display",'none');
				$('.bgactive2').css("display",'none')
				$('.bgactive3').css("display",'block')
				$('.bgactive4').css("display",'none')
					break;
					case 4:
					$('.bgactive0').css("display",'none')
				$('.bgactive1').css("display",'none');
				$('.bgactive2').css("display",'none')
				$('.bgactive3').css("display",'none')
				$('.bgactive4').css("display",'block')
					break;
				default:
				$('.bgactive4,.bgactive3,.bgactive0,.bgactive1,.bgactive2').css("display",'none')
			   
		 }
		
			})
		})
	   
	   }); 
	</script>
	<div class="si">
		<div class="er-content2">
			<div class="swiper mySwiper">
				<div class="swiper-wrapper">
				  <div class="swiper-slide">
					  <div class="tu1">   
					  <div class="si_left ">
						<h2 class=" text_si heng">数字样机</h2>
						<p class="text">光源性能数字样机<br/> 实现了“光、机、电、控、力、热”多学科一体化协同设计与仿真。 协同各仿真模块，实现仿真流程模型自动化运行。 基于仿真结果数据库实时输出高置信度仿真结果。</p>
						<div class="titlediv_btn"><a href="#">探索更多</a> </div>
					  </div>
					  <div class="si_rigth">
						  <img src="./statics/images/img/si2.png"/>
					  </div>
					</div>
				  </div>
				  <div class="swiper-slide">  <div class="tu1">   
					<div class="si_left ">
					  <h2 class=" text_si heng">数字孪生</h2>
					  <p class="text">数字孪生是实现智能制造的前提和基础。高保真的仿真建模，高精度多尺度建模，多物理场建模，模型动态重构，是实现数字孪生的关键。</p>
					  <div class="titlediv_btn"><a href="#">探索更多	</a> </div>
					</div>
					<div class="si_rigth">
						<img src="./statics/images/img/si0.png"/>
					</div>
				  </div></div>
			
				</div>
				<div class="swiper-button-next s-next"></div>
				<div class="swiper-button-prev s-prev"></div>
			  </div>
		</div>
				
	</div>
	
	<script>
		var swiper = new Swiper(".mySwiper", {
		  navigation: {
			nextEl: ".swiper-button-next",
			prevEl: ".swiper-button-prev",
		  },
		});
	  </script>
	  <div class="wu">
		<div class="er-contentwu bgwu">
			<h2 class="l_title3 h2after lu_title">专注自主CAE研发 · 助力装备数字化</h2>
			<p class="eu_title">公司承担和参与了多项国家重大工程项目，包括工信部强基工程和科技部国家重点研发计划高性能计算专项等；承担航空、航天、兵器等行业主机所企业软件定制化开发与技术咨询项目70余项，协助客户解决了<a>高超声速气动热、冲压发动机内外流一体化、飞行器全机复杂流场气动干扰、快中子反应堆热工水力、动力学、飞行器气动弹性稳定性、喷管流固热耦合</a>等复杂工程仿真难题。</p>
			<ul class="clearfloat ulwu">
				<li><img src="./statics/images/img/Group 31.png"/></li>
				<li><img src="./statics/images/img/Group 30.png"/></li>
				<li><img src="./statics/images/img/Group 29.png"/></li>
			</ul>
			<div class="wubtn">
			{pc:get sql="select * from v9_category where catid =39" return="data" num="1"}
			{loop $data $v}
			<div class="titlediv_btn bnt"><a href="{$v[url]}">探索跟多</a> </div>
			{/loop}
			{/pc}
			
	</div>
	  </div>
	  <div class="liu">
		<div class="er-content">
			<div class="san_header">
			<h2 class="san_title lu_title">新闻中心</h2>
			<p class="san_tile2">卓越进取，超越前沿，携手并进，创造未来</p>
			{pc:get sql="select * from  v9_category where catid =58" return="data" num="1"}
			{loop $data $v}
			<div class="titlediv_btn tansuo"><a href="{$v[url]}">探索跟多</a> </div>
			{/loop}
			{/pc}
		</div>
		<div class="clearfloat liu_conent">

		<div class="liu_left">
			{pc:content action="lists" catid="58" num="1" order="listorder desc, id desc" }
			{loop $data $v}
			<div class="liu_img">
				<img src="{$v[thumb]}"/>
			</div>
			<div class="liu_newtext texttitle">
				<a href="{$v[url]}">
				<h4 >{$v[title]}</h4>
				<p >{$v[description]}
				</p>
				<div class="liu_ioc"><span class="ioc"></span><span class="datatime">{date('Y-m-d',$v[inputtime])}</span></div>
				</a>
			</div>
			{/loop}
			{/pc}
		</div>
		<div class="liu_right">
			{pc:content action="lists" catid="58" order="listorder desc, id desc" num="3"}
			{loop $data $v}
			<div class="liu_newtext dec">
				<a href="{$v[url]}">
				<h4 >{$v[title]}</h4>
				<p >{$v[description]}
				</p>
				<div class="liu_ioc"><span class="ioc"></span><span class="datatime">{date('Y-m-d',$v[inputtime])}</span></div>
			</a>
			</div>
			{/loop}
			{/pc}
		</div>
	</div>
		</div>
	  </div>

	  <div class="section y6">
		<div class="sec-scale">
			{template "content","footer"}
		</div>
	</div>