.banner-bg .ax-slide a{width:100%;display: block; background-repeat: no-repeat; background-position: center; background-size: cover;} [class*="ax-swiper"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);} *[class*="ax-swiper"] .ax-prev, *[class*="ax-swiper"] .ax-next {color: rgba(255, 255, 255, 0.5);} /***swiper0***/ .banner-num0 .ax-slide a{height:80vh;} /***swiper1***/ .banner-num1{position:relative} .banner-num1 .ax-slide a{height:100vh; }/***wap-重定***/ /***圆点***/ [class*="banner-num1"] .ax-pages .ax-pages-bullet{background:rgba(255,255,255,0.6);opacity:1;width:10px;height:5px;border-radius:0px !important} [class*="banner-num1"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);width:40px;height:5px;border-radius:0px !important} .banner-num1.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:20px;} *[class*="banner-num1"] .ax-pages .ax-pages-bullet{border-radius:2px !important} .banner-num1 .ax-pages-fraction, .banner-num1 .ax-pages-custom, .banner-num1 .ax-horizontal > .ax-pages-bullets, .banner-num1 .ax-pages-bullets.ax-pages-horizontal{left:auto;right:20px;width:auto;}/***圆点位置***/ /***swiper1***/ .banner-num2{position:relative;height:100%;background:#000} .banner-num2 .ax-slide a{height:100%;display:block } /***圆点***/ [class*="banner-num2"] .ax-pages .ax-pages-bullet{background:rgba(255,255,255,0.6);opacity:1;width:10px;height:5px;border-radius:0px !important} [class*="banner-num2"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);width:20px;height:5px;border-radius:0px !important} .banner-num2.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:10px;} *[class*="banner-num2"] .ax-pages .ax-pages-bullet{border-radius:2px !important} .banner-num2 .ax-pages-fraction, .banner-num2 .ax-pages-custom, .banner-num2 .ax-horizontal > .ax-pages-bullets, .banner-num2 .ax-pages-bullets.ax-pages-horizontal{left:auto;right:20px;width:auto;}/***圆点位置***/ .banner-list-2 .text {position: absolute;left: 0;bottom: -1px; right: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); color: #fff; padding:0px calc(1rem + 0.5vw);height:calc(6rem + 0.5vw);line-height:calc(6rem + 0.5vw);overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /***列表3***/ .swiper-list-3{width:100%;padding-bottom:calc(2rem + 0.8vw);} .swiper-list-3 div{position:relative;overflow:hidden;width:100%; background:#FFF;padding:calc(0.5rem + 0.1vw);padding-bottom:calc(0.8rem + 0.2vw); overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .swiper-list-3 a {display: block; width:100%; } .swiper-list-3 a p{display: block; height: calc(16rem + 2vw); margin-bottom:calc(0.2rem + 0.2vw); background-repeat: no-repeat; background-position: center; background-size: cover !important; transition: all 200ms linear;} .swiper-list-3 a:hover p{transform: scale(1.0);} .banner-num3.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom: 0rem;} .swiper-list-3 div dl{ height:calc(5.0rem + 0.4vw);line-height:calc(2.5rem + 0.2vw);width:100%;text-align:left;overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:calc(0.1rem + 0.1vw) calc(0.5rem + 0.5vw); text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight:normal} .swiper-list-3 a dl{color:#000} .swiper-list-3 a:hover dl{color:#F00;} /*===media响应1200===*/ @media (max-width:1200px) { /***圆点***/ .ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:calc(0.1rem + 1.0vw);} *[class*="ax-swiper"] .ax-pages .ax-pages-bullet {width: calc(0.6rem + 0.4vw);height: calc(0.6rem + 0.4vw); margin: 0 0.4rem;} /***左右箭头***/ .banner-num1 .ax-slide a{ height: 60vh; } } /*===media响应900===*/ @media (max-width:900px) { /***wap重定pc***/ .banner-num2 .ax-slide a{height:calc(10.0rem + 30.0vw); } .banner-num1 .ax-slide a{ height: auto; } } /*===media响应768 要放在最后===*/ @media (max-width:768px) { .banner-num1 .ax-slide a{ height: auto; } } /*===media响应480===*/ @media (max-width:480px) { .banner-num1 .ax-slide a{ height: auto; } }