body{min-height:100vh;background-color:#f6f6f6}.banner{position:relative;overflow:hidden}.banner .swiper-pagination{width:100%;bottom:0}.banner .swiper-pagination .swiper-pagination-bullet{width:0;height:3px;background:#000;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.banner .swiper-pagination .swiper-pagination-bullet.active-bullet{animation:slider-bullet 5s linear}.index-channle{padding:6vh 0}.index-channle ul{display:flex}.index-channle ul li{display:flex}.index-channle ul li a{width:90%;text-align:center;margin:auto;display:block;transition:background .4s,box-shadow 1s}.index-channle ul li a:hover{background:#fff;box-shadow:2px 2px 8px #ddd}.index-channle ul li a div{width:100%;height:0;padding-bottom:80%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;position:relative}.index-channle ul li a div img{max-width:90%;max-height:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.index-channle ul li a p{width:100%;font-size:2.5vh;color:#333;margin-bottom:15px}.index-footer{background:#282828}.index-footer .container{display:flex;justify-content:space-between}@media (min-width:1100px){body{padding-bottom:35px;position:relative}.index-footer{position:absolute;bottom:0}}@media (max-width:780px){.index-footer{padding:10px 0}.index-footer .container{flex-wrap:wrap}.index-footer nav,.index-footer div{width:100%}.index-channle ul li:last-child{margin:0 auto}}@media (max-width:640px){.index-footer nav{display:none}}@-moz-keyframes slider-bullet{to{width:100%}}@-webkit-keyframes slider-bullet{to{width:100%}}@-o-keyframes slider-bullet{to{width:100%}}@keyframes slider-bullet{to{width:100%}}