@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
body{background-color:#f8ffff;}

.container{overflow:hidden;padding-bottom:.5rem !important;}
.container img{max-width:100%;display:block;}
.banner{position:relative;padding-bottom: .33rem;}
.banner .swiper-slide,.banner .swiper-slide img{width:100%;}
.banner .swiper-slide{position:relative;}
.banner .pagination{width:100%;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:0;z-index: 1;}
.banner .pagination span{width:.15rem;height:.15rem;font-size:0;background-color:#aaa;opacity:1;border-radius:50%;display:inline-block;margin:0 .06rem;}
.banner .pagination span.swiper-pagination-bullet-active{background-color:#007659;}
.itemTie{text-align:center;line-height:.84rem;font-size:.34rem;color:#1a6c73;font-weight:bold;padding-bottom:.1rem;}

.item{padding:0;}

.f1BoxDl{overflow:hidden;padding:0 .3rem;}
.f1BoxDl ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f1BoxDl li{float:left;width:3.29rem;border-radius:.1rem;overflow:hidden;background-color:#fff;box-shadow:rgba(0,0,0,.2) 0 .05rem .05rem;margin-bottom:.16rem;position:relative;}
.f1BoxDl li img{width:1.67rem;height:1.04rem;}
.f1BoxDl li span{width:1.55rem;font-size:.24rem;color:#101010;position:absolute;right:0;top:50%;transform:translateY(-50%);}

.f2Swiper{position:relative;padding-bottom: .5rem;}
.f2Swiper .swiper-slide,.f2Swiper .swiper-slide img{width:100%;}
.f2Swiper .swiper-slide{position:relative;}
.f2Swiper .pagination{width:100%;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.2rem;z-index: 1;}
.f2Swiper .pagination span{width:.15rem;height:.15rem;font-size:0;background-color:#aaa;opacity:1;border-radius:50%;display:inline-block;margin:0 .06rem;}
.f2Swiper .pagination span.swiper-pagination-bullet-active{background-color:#007659;}

.f2BoxList{}
.f2BoxList li{line-height:0;padding-bottom:.32rem;}
.f2BoxList li img{width:100%;}

.f2BoxImg{margin:0 auto;box-shadow:rgba(0,0,0,.1) 0 0 .1rem;border-radius:.2rem;overflow:hidden;}
.f2BoxImg,.f2BoxImg img{width:6.9rem;height:4.6rem;}

.f3BoxImg{padding:0 .3rem;overflow:hidden;}
.f3BoxImg ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f3BoxImg li{float:left;margin-bottom:.12rem;}
.f3BoxImg li img{width:3.41rem;height:2.08rem;}

.f3BoxCon{padding:0 .3rem .3rem;overflow:hidden;}
.f3BoxCon ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f3BoxCon li{float:left;margin-bottom:.22rem;}
.f3BoxCon li img{width:1.51rem;height:1.51rem;}

.f3BoxList li{line-height:.54rem;font-size:.27rem;color:#212121;position:relative;padding-left:.4rem;}
.f3BoxList li i{width:.17rem;height:.25rem;background:url(/style/images/ioc_01.png) no-repeat;background-size:100% auto;display:block;position:absolute;left:.12rem;top:.17rem;}

.f3Box p.txt{text-align:center;line-height:.5rem;font-size:.32rem;color:#ca2222;padding:.1rem 0 .2rem;}

.swt_footer{position:fixed;z-index:99;bottom:1.8rem;right:.1rem; width: 62px; height: 62px;}
.swt_footer img{width: 62px; height: 62px; display: block;}
.swt_footer .num{position: absolute; top: -8px; right: -4px; width: 20px; height: 20px; color: #fff; font-size: 12px; background-color: #f00; border-radius: 50%; text-align: center; line-height: 20px;animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;}
@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)}
}