/* 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: auto;display: flex;align-items: center;background: #000;vertical-align: bottom;justify-content: center;}
.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 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);}


#m_baner_pagination{}
#m_baner_pagination span{width: var(--swiper-width15);height: var(--swiper-width15);}


.pc_banner{display: block  !important;}
.mb_banner{display: none !important}
@media screen and (max-width: 960px) {
	#banner ul li{height: auto;}
	#banner {padding-top: 55px;}
	.pc_banner{display: none  !important;}
	.mb_banner{display: block  !important;position:relative}
}