网站戈埃尔简介
该网站是一家专注于提供防水透气、透声膜解决方案的厂家，名为”戈埃尔”。通过判断用户的设备类型(如iPhone、iPod、Android等),如果设备为移动端，则重定向至WAP页面，以便适应移动设备的显示。
该网站主要提供防水透气膜、防水透声膜以及防水透音膜等产品，并致力于为客户提供防水防尘透气解决方案。用户可以通过拨打18665855806咨询热线或访问首页了解相关信息。
网站还提供了新闻中心和联系戈埃尔等功能，方便用户获取最新资讯或与公司进行沟通交流。
CSS样式代码
以下是网站中使用的一些CSS样式代码：
.swiper-container { width: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; height: 300px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s; }
.swiper-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; margin: auto; }
.swiper-button-next,
.swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); width: 27px; height: 42px; background-color: rgba(255, 255, 255, 0.7); border-radius: 12px; display: flex; justify-content: center; align-items: center; z-index: 9; cursor: pointer; transition: all 0.3s ease; color: transparent; font-size: 24px; padding-top: 6px; opacity: 0; visibility: hidden; }
.swiper-button-next.swiper-hover,
.swiper-button-prev.swiper-hover { background-color: rgba(255, 255, 255, 0.9); opacity: 1; visibility: visible; color: black; }
以上代码定义了轮播图容器的宽度、滑动项的内容样式以及箭头按钮的样式。其中，.swiper-container指定了容器的宽度为100%,.swiper-slide定义了滑动项的居中对齐方式和字体大小，以及过渡效果。.swiper-button-next和.swiper-button-prev定义了箭头按钮的位置、尺寸、背景颜色、圆角等样式。另外，通过添加.swiper-hover类可以实现鼠标悬停时箭头按钮的高亮效果。
