20240223

phpcms/templates/default/content/index.html

@@ -54,16 +54,20 @@
 			<div>
 				<ul>
 					<li class="item">
-						<img src="./statics/images/img/Group 52.png"/>
+						<img src="./statics/images/img/z1.png"/>
+						<span class="ztileme"> 自主CAE产品</span>
 					</li>
 					<li class="item">
-						<img src="./statics/images/img/Group51.png"/>
+						<img src="./statics/images/img/z2.png"/>
+						<span class="ztileme">软件工具定制</span>
 					</li>
 					<li class="item">
-						<img src="./statics/images/img/Group50.png"/>
+						<img src="./statics/images/img/z3.png"/>
+						<span class="ztileme">装备数字化</span>
 					</li>
 					<li class="item">
-						<img src="./statics/images/img/Group49.png"/>
+						<img src="./statics/images/img/z4.png"/>
+						<span class="ztileme">工程咨询服务</span>
 					</li>
 				</ul>
 			</div>

statics/my/css/device.css

@@ -4,9 +4,9 @@
 
 @media screen and (min-width:0px) and (max-width: 640px)
 {	
+    .ztileme{ font-size: 8px;}
 .section.y1,.section.y2, .section.y3,.section.y4,.section.y5,.section.y6{ height:auto !important;}
 .i_content{ position:relative;}
-.i_content_c{display:!important;vertical-align:!important;}
 .bg {position: absolute;top: 0;left: 0;}
 
 .home-swiper .swiper-slide{ height:230px;}
@@ -208,6 +208,7 @@
 }
 @media screen and (min-width:641px) and (max-width:767px)
 {
+    .ztileme{ font-size: 16px;}
 .phone_logo .p1{width:15%;}
 
 .section.y1,.section.y2, .section.y3,.section.y4,.section.y5,.section.y6{ height:auto !important;}
@@ -423,7 +424,7 @@
 }
 @media screen and (min-width:768px) and (max-width:992px)
 {
-
+    .ztileme{ font-size: 16px;}
 .phone_logo .p1{width:15%;}
 
 .section.y1,.section.y2, .section.y3,.section.y4,.section.y5,.section.y6{ height:auto !important;}
@@ -631,9 +632,10 @@
 
 @media screen and (min-width:993px) and (max-width:1200px)
 {
+.ztileme{ font-size: 20px;}
 .phone_nav{ display:none;}
 .header_div{ display:block; padding:0px 0% 0px 1%; height:60px;}
-.header_div .i_logo{width:12%; padding-top:8px;}
+.header_div .i_logo{width:12%; padding-top:18px !important;}
 .header_div .i_logo img{width:100%;}
 .nav_menu li .a_nav{ font-size:15px; height:60px; line-height:60px;}
 .nav_menu li .a_nav:after{ bottom:10px;}
@@ -822,7 +824,7 @@ top: 0;
 .liu_phone{ height: 60px !important;padding-top: 18px;}
 .phone_nav{ display:none;}
 .header_div{ display:block; padding:0px 0% 0px 1%; height:60px;}
-.header_div .i_logo{width:10%; padding-top:8px;}
+.header_div .i_logo{width:10%; padding-top:20px;}
 .header_div .i_logo img{width:100%;}
 .nav_menu li .a_nav{ font-size:15px; height:60px; line-height:60px;}
 .nav_menu li .a_nav:after{ bottom:10px;}