.swiper .swiper-slide img{width: 100%;height: auto;}
.swiper-button-next,.swiper-button-prev{width: 0.6rem;height: 0.6rem;line-height: 100%;opacity: 0.8;
   text-align: center;color: #000 !important;background: #f5f5f5;}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 0.25rem !important;}
.banner {position: relative;}
.banner .bt{width: 79%;z-index: 9999;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.banner .bt h2{text-align: center;color: #F8F8F8;font-weight: 900;font-size: 0.22rem;margin-bottom: 8px;}
.banner .bt h3{text-align: center;color: #F8F8F8;font-weight: 900;font-size: 0.16rem;}
.service {padding: 0.21rem 0 0.32rem 0;}
.service h1{background: url(../images/hbg1.webp) no-repeat bottom;background-size: 100%;
font-size: 0.16rem;color: #333;font-weight: 900;padding:0 0 0.1rem 0.2rem;}
.service h2{font-size: 0.15rem;color: #4A4A4A;margin: 0.14rem 0 0 0;}
.service p{font-size: 0.15rem;color: #4A4A4A;}
.service iframe{border: none;width: 100%;height: 2.11rem;margin: 0.17rem 0 0 0;}
.product .title{background: url(../images/hbg2.webp) no-repeat;background-size: 100% 100%;padding: 0 0 0 0.2rem;}
.product .title h1{font-size: 0.22rem;color: #333;font-weight: 900;line-height: 0.17rem;}
.product .title p{font-size: 0.15rem; color: #4A4A4A;margin-top: 0.05rem;}
.product ul {margin: 0.24rem 0 0.32rem 0;}
.product ul li {margin-bottom: 0.2rem;box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.17);border-radius: 12px 12px 0 0;overflow: hidden;}
.product ul li img{width: 100%;height: auto;}
.product ul li h2{font-size: 0.16rem;color: #333;padding: 0.08rem 0 0.17rem 0;text-align: center;background: #fff;}