/* 轮播样式 start */ .banner-swiper { overflow-x: hidden; height: 76vh; position: relative; background-color: #FFFFFF; } .banner-swiper .swiper-slide { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .banner-swiper .swiper-slide h1{ position: absolute; color: #FFFFFF; text-shadow: 2px 3px 10px rgba(0,0,0,.8); } /* 指示点默认样式 */ .banner-swiper .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; text-align: center; } /* 鼠标悬浮样式、当前选中指示点样式 */ .banner-swiper .swiper-pagination-bullet:hover,.banner-swiper .swiper-pagination-bullet-active { background-color: rgba(0,0,0,.8); color: #FFFFFF; opacity: 1; } /* 轮播样式 end */ /* 导航 start */ .header { position: sticky; top: 0; box-shadow: 0px 2px 0px rgba(0,0,0,.1); } .header-content { display: flex; justify-content: space-between; align-items: center; } /* 导航 end */ .footer { width: 100%; } .introduce-box { position: relative; } .introduce-content { font-size: 0.75rem; text-shadow: 0px 0px .5px #b22d2a; color: #b22d2a; letter-spacing:.05em; background: url(../imgs/public/introduce.png) no-repeat; background-size: 100% 100%; padding: 1.25rem 3rem 2rem 3rem; } .introduce-content p { color: #b22d2a; font-weight: bold; text-align: right; font-size: 14px; margin-top: 6px; opacity: 1; } .review-box { background: url(../imgs/public/foot-img.png) no-repeat; background-size: 100% 100%; padding: 20px; } .huigu-box { background-color: #fff; border-radius: 10px; padding: 20px 10px 16px 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.4); color: #b22f2c; } .huigu-box p { font-size: 1rem; } .huigu-box span { font-size: 0.75rem; font-weight: bold; }