新增css

CN/css/media.css

@@ -0,0 +1,83 @@
+.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){
+}
+@media screen and (max-height:600px){
+}
+/* 小于等于多少宽度的样式 */
+@media screen and (max-width:1660px){
+}
+@media screen and (max-width:1440px){
+}
+@media screen and (max-width:1366px){
+    
+}
+@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){
+}
+@media screen and (max-width:360px){
+}

CN/index.html

@@ -15,6 +15,7 @@
         <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>
@@ -623,21 +624,7 @@
         </style>
         <div class="index-tianfu">
             <div class="box">
-                <div class="fly fly2">
-                    <span></span>
-                    <font></font>
-                </div>
-                <div class="fly fly3">
-                    <span></span>
-                    <font></font>
-                </div>
-                <div class="fly fly4">
-                    <span></span>
-                    <font></font>
-                </div>
-                <div class="fly">
-                    <span></span>
-                    <font></font>
+                <div class="index-fly">
                 </div>
             </div>
             <div class="w-1200">