/* CSS Document */
/* @import url(css/page_1024.css)  screen and (max-width:1024px); */
/* CSS Document_1024 常用设备*/
/* @import url(css/page_768.css) screen and (max-width:768px); */
/* CSS Document_768 常用设备*/
/* @import url(css/page_414.css) screen and (max-width:414px); */
/* CSS Document_414 常用设备*/
#banner{position: relative;width: 100%;height: 100%;overflow: hidden;}
#banner ul li{width: 100%;height: 100%;min-height: 100px;display: flex;align-items: center;vertical-align: bottom;justify-content: center;z-index: 1;
transition: all 4s ease;transform: scale(1.2);z-index: 1;opacity: 0;
}

/* #banner ul li img{font-size: 0;display: block;width: 100%;max-width: 100%;object-fit: cover;transition: all 4s ease;transform: scale(1.2);height: 100%;} */
#banner ul li.active{position: relative;z-index:9; transform: none;opacity: 1;}
/* #banner ul li.active img{transform: none;} */
#banner{
    --swiper-theme-color: #6c807e;
    --swiper-pagination-color: #ffffff;/* 两种都可以 */
	--swiper-width15:15px;
}
#baner_pagination{}
/* #baner_pagination span{width: var(--swiper-width15);height: var(--swiper-width15);}*/


.swiper-pagination .swiper-pagination-bullet {
  width:5px;height:20px;background:rgba(255, 255, 255, 0.5);display:inline-block;margin:0 5px;border-radius:5px;-webkit-transition:all .35s;-webkit-transform:scaleY(.5);transform-origin:bottom
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  -webkit-transform:scaleY(1);background:#fff;
}

.process{width:0%;height:3px;position:absolute;left:0;top:0px;background:#af7b42;opacity:1;z-index:99}
.process.on{-webkit-transition:all 8s;width:100%}
.pc_banner{
	display: block;
}
.wap_banner{
	display: none;
}

/* #banner ol{position:absolute;width:100%;height:20px;left:0;bottom:20px;text-align:center;z-index:10} */

@media screen and (max-width: 960px) {
	/* #banner ul li{height: 250px;} */
	.swiper-pagination .swiper-pagination-bullet-active {
	  opacity: 1;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		opacity: 0.8;
	}
	.swiper-pagination .swiper-pagination-bullet{
		border-radius: 50%;
		width: 10px;
		height: 10px;
		-webkit-transform:scaleY(1)
	}
	.pc_banner{
		display: none;
	}
	.wap_banner{
		display: block;
	}
}