@charset "utf-8"; /* banner 2020.3.23 */ .banner { width: 100%; height: 800px; overflow: hidden; } .banner .swiper-container { width: 100%; height: 800px; } .swiper-button-prev, .swiper-button-next { width: 15%; height: 100%; top: 0; background: none; } .swiper-button-prev { left: 0; } .swiper-button-next { right: 0; } .swiper-button-prev span, .swiper-button-next span { display: block; width: 64px; height: 64px; position: absolute; left: 20px; top: 50%; margin-top: -32px; border-radius: 100%; background: rgba(0, 0, 0, 0.25) url(../images/arrows.png) no-repeat center 17px; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .swiper-button-next span { background: rgba(0, 0, 0, 0.25) url(../images/arrows.png) no-repeat center -71px; left: auto; right: 20px; } .swiper-button-prev:hover span, .swiper-button-next:hover span { opacity: .6; } /*分页器*/ .banner .swiper-pagination { top: auto; bottom: 20px; background: none; } .banner .swiper-pagination-bullet { display: inline-block; width: 50px; height: 30px; margin: 0 3px; cursor: pointer; background: none; border-radius: 0; opacity: 1; } .banner .swiper-pagination-bullet span { width: 50px; height: 2px; display: block; background: rgba(128, 128, 128, 0.2); } .banner .swiper-pagination-bullet-active span { background: #48a6fe; } .banner .autoplay .swiper-pagination-bullet-active span { background: rgba(128, 128, 128, 0.2); } .banner .swiper-pagination-bullet i { background: #48a6fe; height: 2px; transform: scaleX(0); transform-origin: 0; display: block; } .banner .autoplay .firsrCurrent i { transition: transform 2.9s linear; transform: scaleX(1); } .banner .autoplay .current i { transition: transform 4s linear; transform: scaleX(1); } .banner .autoplay .replace span { background: #48a6fe; } /*内容样式*/ .banner .swiper-wrapper a{ display:block; width:100%; height:800px; } .slide1 { background: #000 url(../../../banner/banner_pc_4.jpg) no-repeat 50%; background-size: auto 100%; } .slide2 { background: #000 url(../../../banner/banner_pc_2.jpg) no-repeat 50%; background-size: auto 100%; } .slide3 { background: #000 url(../../../banner/banner_pc_3.jpg) no-repeat 50%; background-size: auto 100%; } .slide4 { background: #000 url(../../../banner/banner_pc_5.jpg) no-repeat 50%; background-size: auto 100%; }/* iis 7.c om */