@charset "utf-8";

/*banner*/
.banner { position: relative; background: #fff; margin: 0 auto; overflow: hidden; clear: both; height: calc(100vh - 230px); width: 100%; }
.banner .swiper-slide { line-height: 0; height: 100%; overflow: hidden; position: relative; }
.banner .swiper-slide a { display: block; }
.banner .swiper-slide a > img { height: 100%; width: 100%; object-fit: cover; }
.banner .swiper-slide video { width: 100%; }
.banner .swiper-slide .desc { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; align-content: center; line-height: 0; }
.banner .swiper-slide .desc img { padding-left: 326px; width: 176px; margin-bottom: 15px; }
.banner .swiper-slide .desc p { font-size: 120px; line-height: 100%; color: #fff; font-weight: bold; }
.banner .swiper-pagination { bottom: 36px !important; }
.banner .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: 0.4; border-radius: 4px; cursor: pointer; margin: 0 8px !important; transition: all 0.5s ease; }
.banner .swiper-pagination-bullet-active { opacity: 1; width: 26px; }
.banner .prev,.banner .next { width: 54px; height: 54px; cursor: pointer; margin-left: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.2); opacity: 0.6; top: 50%; margin-top: -27px; left: -100px; position: absolute; z-index: 9; transition: all 0.5s ease; }
.banner .prev:hover,.banner .next:hover { opacity: 1; }
.banner .next { left: auto; right: -100px; }
.banner:hover .prev { left: 3%; }
.banner:hover .next { right: 3%; }