diff --git a/CN/css/media.css b/CN/css/media.css index bb3610d..d5f79f9 100644 --- a/CN/css/media.css +++ b/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){ } diff --git a/CN/css/style.css b/CN/css/style.css index bfc3563..3c4c412 100644 --- a/CN/css/style.css +++ b/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;} diff --git a/CN/index.html b/CN/index.html index c1bee22..25a08d3 100644 --- a/CN/index.html +++ b/CN/index.html @@ -15,7 +15,6 @@ -