﻿

/* banner */
.banner {height: calc(68vh - 22.5rem);}
.banner .bannerSwiper {height: 100%; overflow: hidden; position: relative; }
.bannerSwiper .swiper-slide .con {width: 1600px;margin: auto;height: 100%; display: flex; flex-direction: column; text-align: center; justify-content: center;}
.bannerSwiper .swiper-slide .con h3 {font-size: 3.88rem;font-weight: 700;color: #ffffff;margin-top: 0rem;}
.bannerSwiper .swiper-slide .con span {font-size: 5.5rem;font-weight: 500;color: #ffffff;line-height: 10.5rem;}
.bannerSwiper .swiper-slide .con a {margin-top: 5rem; border:rgb(204,204,204) 1px solid; padding-left:20px; padding-right:20px;}
.bannerSwiper .swiper-slide .con a span {font-size: 1.06rem;color: #ffffff; font-style: normal;}
.bannerSwiper .swiper-slide .con a img {margin-left:1rem ; transition: .5s;}
.bannerSwiper .swiper-slide .con a:hover img {margin-left: 1.5rem;}
.bannerSwiper .swiper-button-next , .bannerSwiper .swiper-button-prev {width: 4.44rem;height: 4.44rem;background: rgba(0, 0, 0,.06); border-radius: 50%;}
.bannerSwiper .swiper-button-prev img {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet {opacity: .2; margin: 0 10px !important; width: 0.94rem;height: 0.94rem; background: #ffffff; box-sizing: border-box;}
.bannerSwiper .swiper-pagination-bullet-active {background: #fff; opacity: 1;}



