手机兼容调整

CN/css/media.css

@@ -1,37 +1,4 @@
-.index-fly{
+
-    width: 100%;
-	position: absolute;
-	z-index: 3;
-	left: 0%;
-	top:0;
-	width: 100%;
-	height: 100%;
-}
-.index-fly::after{
-    background: url(../image/fly.png) no-repeat top right ;
-    height: 100%;
-    width: 100%;
-    content: "";
-    left: 0;
-    top: 0;
-    transform: translate(-100%,-100%);
-    position:absolute;
-    animation: topMove 9s linear 1s infinite normal; 
-}
-@keyframes topMove {
-	0% {
-		transform: translate(-100%,100%);
-		-ms-transform: translate(-100%,100%);
-		-moz-transform: translate(-100%,100%);
-		-webkit-transform: translate(-100%,100%);
-	}
-	100% {
-		transform: translate(100%,-110%);
-		-ms-transform: translate(100%,-110%);
-		-webkit-transform: translate(100%,-110%);
-		-moz-transform: translate(100%,-110%);
-	}
-}
 /* 小于等于多少高度的样式 */
 @media screen and (max-height:880px){
 }
@@ -46,36 +13,15 @@
     
 }
 @media screen and (max-width:1200px){
-    .index-tianfu .center-block ul li a img{
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    object-position: center;
-    }
 }
 @media screen and (max-width:1100px){
     
 }
 @media screen and (max-width:1024px){
-    .index-tianfu .center-block ul li a{
-        height: 250px;
-    }
-    .head_box .pull-right .top-box .link-box .between-center{
-        margin-right: 10px;
-    }
-    .index-fly::after{
-        background-size: 100% auto;
-    }
 }
 @media screen and (min-width: 1024px) {
 }
 @media screen and (max-width:768px){
-    .index-tianfu .center-block ul li a{
-        height: 150px;
-    }
-    .index-fly::after{
-        background-size: 100% auto;
-    }
 }
 @media screen and (max-width:480px){
 }

CN/css/style.css

@@ -1784,7 +1784,42 @@ input, textarea, select {
 .ppopup-center .ppopup-footer .ppopup-on:hover{
 	background: #9b6c3a;
 }
-
+/*兼容*/
+.index-fly{
+    width: 100%;
+	position: absolute;
+	z-index: 3;
+	left: 0%;
+	top:0;
+	width: 100%;
+	height: 100%;
+}
+.index-fly::after{
+    background: url(../image/fly.png) no-repeat top right ;
+    height: 100%;
+    width: 100%;
+    content: "";
+    left: 0;
+    top: 0;
+    transform: translate(-100%,-100%);
+    position:absolute;
+    animation: topMove 9s linear 1s infinite normal; 
+}
+@keyframes topMove {
+	0% {
+		transform: translate(-100%,100%);
+		-ms-transform: translate(-100%,100%);
+		-moz-transform: translate(-100%,100%);
+		-webkit-transform: translate(-100%,100%);
+	}
+	100% {
+		transform: translate(100%,-110%);
+		-ms-transform: translate(100%,-110%);
+		-webkit-transform: translate(100%,-110%);
+		-moz-transform: translate(100%,-110%);
+	}
+}
+/*兼容*/
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    /* IE10-specific styles go here */  
    .center-banner .text h2{ background: none; color: rgba(255,255,255,0.3);}
@@ -1813,6 +1848,13 @@ input, textarea, select {
 }
 @media screen and (max-width:1200px){
     .w-1200{ width: 94%;}
+	/*兼容*/
+    .index-tianfu .center-block ul li a img{
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		object-position: center;
+		}
 }
 @media screen and (max-width:1100px){
     
@@ -2006,7 +2048,21 @@ input, textarea, select {
    
    /* --------zjj------------ */
    .phone-none {display: none;}
+   /*兼容*/
 
+   .index-tianfu .center-block ul li a{
+	height: 250px;
+}
+.head_box .pull-right .top-box .link-box .between-center{
+	margin-right: 10px;
+}
+.index-fly::after{
+	background-size: 100% auto;
+}
+.mune .list i{
+	background-size: auto 100% !important;
+	background-position: center !important;
+}
    
 }
 @media screen and (min-width: 1024px) {
@@ -2030,6 +2086,35 @@ input, textarea, select {
         }
 }
 @media screen and (max-width:768px){
+
+   /*兼容*/
+    .index-tianfu .center-block ul li a{
+        height: 150px;
+    }
+    .index-fly::after{
+        background-size: 100% auto;
+    }
+    /*航线*/
+    .box-content .call-me{
+        padding-left: 0px !important;
+        display: inline-block;
+        width: 100%;
+    }
+    .box-content .call-me .call-img i{
+        background-position: center 15px;
+        height: 50px;
+    }
+    .box-content .call-me .call-img{
+        position: relative !important;
+        width: 100% !important;
+    }
+    .box-content .call-me .call-phone2{
+        width: 100% !important;
+        padding: 20px !important;
+    }
+    .box-content .box-txt p{
+        text-indent: 0 !important;
+    }
 }
 @media screen and (max-width:480px){
     .index-tianfu .center-block{ margin-top: 35px;}

CN/index.html

@@ -15,7 +15,6 @@
         <link rel="stylesheet" type="text/css" href="/css/aos.css" />
         <link rel="stylesheet" type="text/css" href="/css/style.css" />
         <link rel="stylesheet" type="text/css" href="/css/new.css" />
-        <link rel="stylesheet" type="text/css" href="/css/media.css" />
         <script src="/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
         <script src="/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
         <script src="/js/aos.js" type="text/javascript" charset="utf-8"></script>