联系我们手机端样式修改

contact.html

@@ -104,7 +104,7 @@
 								<p>扫一扫<br />关注蜀能矿业</p>
 							</li>
 						</ul>
-						<div class="contact-map wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" id="map"></div>
+						<div class="contact-map" id="map"></div>
 						<script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script>
 						<script type="text/javascript">
 						ShowMap("map",{

css/style.css

@@ -746,7 +746,7 @@
 }
 .pull-banner-title{
 	top: 47%;
-	animation: pullBanner 1.5s;
+	animation: pullBanner 1s;
 }
 .pull-banner-title h2{
 	font-size: 78px;
@@ -1994,6 +1994,28 @@ textarea::-webkit-input-placeholder {
 	padding: 0 30px 30px;
 }
 
+/* 动画效果 */
+/* @keyframes myfirst-01
+{
+    0%   {transform: rotateY(0deg);}
+	50%  {transform: rotateY(30deg);}
+	100%  {transform: rotateY(0deg);}
+} */
+@keyframes myfirst-02
+{
+    from { top: calc(80% - 60px);}
+    to { top:calc(50% - 60px);}
+}
+@keyframes myfirst-03
+{
+    from { background-color: #262626;}
+    to { background-color: #de0011;}
+}
+@keyframes pullBanner
+{
+    from {top: 80%;}
+    to {top: 47%;}
+}
 
 @media screen and (max-width:1690px){
 	.w1690{
@@ -2436,6 +2458,14 @@ textarea::-webkit-input-placeholder {
 		left: 10%;
 		top: 28%;
 	}
+	.pull-banner-title{
+		top: 40%;
+	}
+	@keyframes pullBanner
+	{
+	    from {top: 80%;}
+	    to {top: 40%;}
+	}
 	.banner-title h2{
 		font-size: 30px;
 	}
@@ -2901,11 +2931,21 @@ textarea::-webkit-input-placeholder {
 		padding: 15px 10px;
 	}
 	.contact-top li{
-		width: 50%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
 		padding: 15px 10px;
+		margin: 0;
+		border: 0;
 	}
 	.contact-top li>span{
-		margin-bottom: 20px;
+		margin: 0;
+		
+	}
+	.contact-top li>p{
+		width: calc(100% - 90px);
+		text-align: justify;
 	}
 	.contact-top li>img{
 		margin-bottom: 8px;
@@ -2914,6 +2954,15 @@ textarea::-webkit-input-placeholder {
 		font-size: 13px;
 		word-break: break-all;
 	}
+	.contact-top li:last-child{
+		margin-bottom: 12px;
+	}
+	.contact-top li:last-child>img{
+		margin: 0;
+	}
+	.contact-top li:last-child>p{
+		width: calc(100% - 115px);
+	}
 	.contact-map{
 		height: 200px;
 		margin-top: 5px;
@@ -2931,6 +2980,10 @@ textarea::-webkit-input-placeholder {
 	.form-top>input:nth-of-type(3){
 		width: 100%;
 	}
+	.contact-btn,
+	.index-about-left .more{
+		background-color: #de0011;
+	}
 	.contact-btn{
 		width: 150px;
 		height: 50px;
@@ -3014,27 +3067,4 @@ textarea::-webkit-input-placeholder {
 		font-size: 22px;
 		margin: 20px 0 10px;
 	}
-}
-
-/* 动画效果 */
-/* @keyframes myfirst-01
-{
-    0%   {transform: rotateY(0deg);}
-	50%  {transform: rotateY(30deg);}
-	100%  {transform: rotateY(0deg);}
-} */
-@keyframes myfirst-02
-{
-    from { top: calc(80% - 60px);}
-    to { top:calc(50% - 60px);}
-}
-@keyframes myfirst-03
-{
-    from { background-color: #262626;}
-    to { background-color: #de0011;}
-}
-@keyframes pullBanner
-{
-    from {opacity: 0;}
-    to {opacity: 1;}
 }

js/javascript.js

@@ -153,8 +153,7 @@ jQuery(function($){
 			}
 		});
 	}
-	
-	
+
 	
 	// // 回到顶部
 	// $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
@@ -214,9 +213,6 @@ jQuery(function($){
 		});
 	}
 		
-		
-		
-		
 	
 	
 	// 团队风采滚动