@charset "UTF-8";
.indexbanner { width: 100%; height: 100%; position: relative; }

.gallery-top { width: 100%; height: 100%; position: relative; }
.gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.gallery-top .swiper-wrapper .swiper-slide { width: 100%; height: 100%; }
.gallery-top .swiper-wrapper .swiper-slide a { width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.gallery-top .swiper-pagination { bottom: 60px; }
.gallery-top .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 10px; height: 10px; margin: 0 5px; background: #fff; border: 2px solid #fff; }
.gallery-top .swiper-pagination .swiper-pagination-bullet-active { background: none; }

.indexbannertab { width: 100%; position: absolute; bottom: 100px; height: auto; z-index: 100; }
.indexbannertab ul { text-align: center; }
.indexbannertab ul li { width: auto; padding: 0 5px; cursor: pointer; display: inline-block; }
.indexbannertab ul li .bannercon { padding: 10px; position: relative; text-align: left; background: rgba(0, 0, 0, 0.3); filter: alpha(opacity=30); }
.indexbannertab ul li .bannercon .bannerconimg { position: relative; }
.indexbannertab ul li .bannercon .bannerconimg .bannerimg { width: 50%; }
.indexbannertab ul li .bannercon .bannerconimg .bannerimg img { width: 100%; height: auto; }
.indexbannertab ul li .bannercon .bannerconimg .bannertitle { width: 50%; color: #fff; height: 100%; text-align: center; position: absolute; top: 0; right: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.indexbannertab ul li .bannercon .bannerconimg .bannertitle h3 { width: 100%; font-size: 16px; }
.indexbannertab ul li .bannercon .bannertext { width: 100%; height: 100%; display: none; padding: 10px; position: absolute; top: 0; left: 0; }
.indexbannertab ul li .bannercon .bannertext .bannerT { color: #fff; font-size: 16px; line-height: 22px; position: relative; padding-left: 15px; margin-bottom: 15px; }
.indexbannertab ul li .bannercon .bannertext .bannerT:after { width: 4px; height: 14px; content: ""; display: block; background: #da0001; position: absolute; top: 4px; left: 0; }
.indexbannertab ul li .bannercon .bannertext .bannerC { color: #fff; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 12px; line-height: 20px; padding-left: 15px; font-family: "瀹嬩綋"; }
.indexbannertab ul li:hover .bannercon .bannerconimg { opacity: 0; filter: alpha(opacity=0); }
.indexbannertab ul li:hover .bannercon .bannertext { display: block; }

.gallery-button { width: 100%; height: 50px; margin-top: -25px; position: absolute; left: 0; top: 50%; z-index: 100; }
.gallery-button .swiper-button-prev { width: 50px; height: 50px; display: block; background: url(../images/banner_prev.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 6%; margin-top: 0; }
.gallery-button .swiper-button-next { width: 50px; height: 50px; display: block; background: url(../images/banner_next.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: 6%; margin-top: 0; }

@media screen and (max-width: 767px) { .indexbannertab { bottom: 120px; }
  .gallery-top .swiper-pagination { bottom: 90px; }
  .indexbannertab .indexbannertabcon .swiper-slide .bannercon .bannerconimg .bannertitle h3 { font-size: 14px; } }
.header { background: rgba(0, 0, 0, 0.2); filter: alpha(opacity=20); }

.footer { position: fixed; left: 0; bottom: 0; z-index: 100; }

/*# sourceMappingURL=index.css.map */