@charset "utf-8";
/*
* Author:luochou
* Date:2024.6.14
*/

.container{position:relative;min-width: 320px; width: 100%; max-width: 750px;margin:0 auto; background-color: #fff;}
.container img{max-width: 100%; display: block;}
.banner{position: relative;}
.banner .btn{position: absolute; bottom: .25rem; left: 50%; margin-left: -1.76rem; width: 3.52rem; height:.62rem;background: url(/style/images/index/btn_02.png) no-repeat;background-size: 100% 100%; line-height: 0; font-size: 0; overflow: hidden;animation: pulse 1s .2s ease infinite;-webkit-animation: pulse 1s .2s ease infinite;}
/*f1Box*/
.f1Box{padding:.2rem .4rem;}
.f1Box ul{display:flex;display:-webkit-flex;flex-wrap: wrap;}
.f1Box li{width: 25%; padding: .1rem 0; text-align: center;}
.f1Box li img{width: .7rem; height: .7rem; margin: 0 auto; display: block;}
.f1Box li span{display: inline-block; padding: 0 .12rem .1rem; color: #595757; font-size: .26rem; border-bottom: 1px solid #e8e8e8; line-height: .46rem;}
/*f2Box*/
.f2Bg{height:10.06rem; background: url(/style/images/index/f1Bg2.png) no-repeat;background-size: 100% 100%;}
.f2Box{padding-top:2.97rem;}
.f2Box h2{display: none;}
.f2Con{position: relative;}
.f2Con img{width: 5.3rem; height: 4.66rem; margin: 0 auto;}
.f2Con .hot1,.f2Con .hot2{position: absolute; left: 50%; margin-left: 2.49rem; width:.46rem; height: .27rem; background: url(/style/images/index/icon_hot.png) no-repeat;background-size: 100% 100%;animation: pulse2 1s .2s ease infinite;-webkit-animation: pulse2 1s .2s ease infinite;}
.f2Con .hot1{top:.35rem;}
.f2Con .hot2{top:2.8rem;}
.f2Con .btn{width: 3.67rem; height: .64rem; margin:.3rem auto 0; display: block; background: url(/style/images/index/btn_01.png) no-repeat;background-size: 100% 100%; line-height: 0; font-size: 0; overflow: hidden;animation: pulse 1s .2s ease infinite;-webkit-animation: pulse 1s .2s ease infinite;}
/*f3Box*/
.f3Bg{background:#2aa6a6;}
.f3Box{padding: .44rem .7rem .4rem;}
.f3Box h2{width: 5.35rem; margin: 0 auto;}
.f3Box ul{padding-top: .6rem;}
.f3Box li{position: relative; margin-bottom: .4rem;}
.f3Box li img{width: 100%; border-radius: .16rem; overflow: hidden; box-shadow: 0 0 .1rem rgba(0,0,0,.2);}
.f3Box li i{position: absolute; left: .3rem; top:-.24rem; width: 1.36rem; height: .52rem; background: url(/style/images/index/icon_feature.png) no-repeat; background-size: 100% 100%;}
.f3Box .btn{width: 100%; height: .74rem; border:2px solid #fff; background-color: #ff6b25; border-radius: .16rem; color: #fff; font-size: .32rem; display:flex;display:-webkit-flex;justify-content: center;align-items: center;}
/*f4Box*/
.f4Bg{background-color: #2aa6a6; padding: 0 .25rem .98rem;}
.f4Box{position: relative; padding: .28rem 0 0; background: #fff url(/style/images/index/f4Box_bg.jpg) no-repeat; background-size: 100% 100%; border-radius: .2rem; box-shadow: 0 .06rem .1rem rgba(0,0,0,.3);}
.f4Box h2{padding-bottom: .48rem; color: #2aa6a6; font-size: .62rem; text-align: center; line-height: .84rem;}
.f4Box h2 img{width: 5.84rem; margin:.2rem auto 0; display: block;}
.f4Swiper{position:relative; height: 5.6rem; border-radius: 0 0 .2rem .2rem;}
.f4Swiper .swiper-slide{position:relative; height: 5.6rem;}
.f4Swiper .swiper-slide img{width:100%; height: 5.6rem; display:block;}
.f4Swiper .swiper-slide .btn{position: absolute; left: .46rem; bottom: 1.47rem; width: 1.68rem; height: .44rem;background: url(/style/images/index/icon_chat.png) no-repeat; background-size: 100% 100%;animation: pulse 1s .2s ease infinite;-webkit-animation: pulse 1s .2s ease infinite;}
.f4Swiper-module{position: relative;}
.f4Swiper-module .swiper-button-prev,.f4Swiper-module .swiper-button-next{position:absolute;top:1.04rem;width:.63rem;height:.63rem;}
.f4Swiper-module .swiper-button-prev{left:-.25rem;background:url(/style/images/index/slide_prev.png) no-repeat center center;background-size:.53rem .53rem;}
.f4Swiper-module .swiper-button-next{right:-.25rem;background:url(/style/images/index/slide_next.png) no-repeat;background-size:.53rem .53rem;}
.f4NavSwiper{position:absolute; bottom: -.56rem; left: 50%; margin-left: -2.4rem; width: 4.8rem; height:1.12rem;}
.f4NavSwiper .swiper-slide{position:relative;width:1.12rem;height:1.12rem !important;margin-right:.08rem;}
.f4NavSwiper .swiper-slide:last-child{margin-right:0;}
.f4NavSwiper .swiper-slide img{width:100%;height:100%;display:block; border:.04rem solid #189999; border-radius: 50%;box-sizing: border-box;}
.f4NavSwiper .swiper-slide.swiper-slide-thumb-active img{border-color:#ed760f;}
/*f5Box*/
.f5Bg{height: 10.98rem; background:#f4ffff url(/style/images/index/f5Bg.jpg) no-repeat center 0;background-size: 100% 8.8rem;}
.f5Box{padding: .4rem .3rem .4rem;}
.f5Box h2{color: #2aa6a6; font-size: .62rem; line-height: .82rem; text-align: center;}
.f5Box h2 span{display: block; font-size: .45rem; font-weight: normal; line-height: .64rem;}
.f5Box h2 b{padding: 0 .2rem;}
.f5Box ul{padding-top: 5.4rem; display:flex;display:-webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.f5Box li{width: 2.18rem; margin-bottom: .12rem;}
/*f6Box*/
.f6Bg{background:#2aa6a6 url(/style/images/index/f6Bg.png) no-repeat center 0;background-size: 100% .5rem;}
.f6Box{padding: .48rem 0 .22rem;}
.f6Box h2{width: 5.94rem; margin: 0 auto;}
.f6Box ul{padding:.2rem .4rem 0;display:flex;display:-webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.f6Box li{width: 3.22rem; margin-bottom: .28rem; border-radius:.1rem; overflow: hidden;}

@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}

@keyframes pulse2{
	0%{transform:scale(1.1)}
	50%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1.1)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(1.1)}
}