83 lines
1.8 KiB
CSS
83 lines
1.8 KiB
CSS
.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){
|
|
} |