@charset "utf-8";
.banner { position: relative; background: #fff; margin: 0 auto; overflow: hidden; clear: both; flex-grow: 1; width: 100%; height: calc(100vh - 12.1rem);}
.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 { height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: auto; }
.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: 16.3rem; width: 8.8rem; margin-bottom: 0.75rem; }
.banner .swiper-slide .desc p { font-size: 6rem; line-height: 100%; color: #fff; font-weight: bold; }
.banner .swiper-pagination { bottom: 1.8rem !important; }
.banner .swiper-pagination-bullet { width: 1rem; height: 1rem; background: #fff; opacity: 0.4; border-radius: 0.5rem; cursor: pointer; margin: 0 0.6rem !important; transition: all 0.5s ease; }
.banner .swiper-pagination-bullet-active { opacity: 1; width: 2.5rem; }
.menu2 .menu_con { height: calc(100vh - 6.1rem); }
.f_contact { display: none; }

.index-menu{position: absolute;left: 0;bottom: 2rem;z-index: 2;display: flex;flex-wrap: wrap;display: -webkit-flex;text-align: center;text-align: center;width: 100%;padding: 0 4%;box-sizing: border-box;}
.index-menu a{width:24.75%;font-size:1.2rem;line-height: 3rem;color: #fff;border-radius: 0.2rem;background: rgba(0,0,0,0.5);margin-right: 0.33%;margin-bottom: 0.1rem;}
.index-menu a:nth-of-type(4n){margin-right: 0;}