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

.container{background-color:#fff;overflow:hidden;}
.container img{max-width:100%;display:block;}
.banner{position:relative;}
.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:.3rem;z-index: 1;}
.banner .pagination span{width:.15rem;height:.15rem;font-size:0;background-color:#666;border-radius:50%;display:inline-block;margin:0 .06rem;}
.banner .pagination span.swiper-pagination-bullet-active{background-color:#02ba98;}

.item{padding:0 .3rem;}
.itemTie{text-align:center;padding-top:.23rem;}
.itemTie span{line-height:.99rem;font-size:.42rem;color:#27b5a7;display:inline-block;position:relative;padding:0 .45rem;}
.itemTie span i{width:1.69rem;height:.06rem;border-top:#333333 solid 1px;border-bottom:#333333 solid 1px;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.itemTie span i.ioc1{right:100%;}
.itemTie span i.ioc2{left:100%;}
.itemTie span em{width:.07rem;height:.07rem;background-color:#51c5c1;border-radius:50%;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.itemTie span em.ioc1{right:.18rem;}
.itemTie span em.ioc2{left:.18rem;}
.f3Bg .itemTie span{color:#fff;}
.f3Bg .itemTie span i{border-color:#fff;}
.f3Bg .itemTie span em{background-color:#fff;}
#banner {position:relative;width:100%;overflow:hidden;}
#banner .swiper-slide{position:relative;}
#banner .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
#banner .pagination span{width:.1rem;height:.1rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
#banner .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}

.f1Box{}
.f1Box,.f1Box img{width:7.5rem;height:5.84rem;}

.f2Box,.f2Box img{width:7.5rem;height:5.44rem;}


.f3Bg{background-color:#02ba98;}
.f3Box{padding:0 0 .6rem;}
.f3Box h2{text-align:center;line-height:1.5rem;font-size:.49rem;color:#fff;font-style:italic;font-weight:normal;padding-top:.15px;}
.f3Box h2 span{font-size:.56rem;}
.f3Box .tab{padding-bottom:.18rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f3Box .tab span{width:1.6rem;height:1.6rem;text-align:center;font-size:.3rem;color:#000;background-color:#fff;border-radius:.1rem;box-shadow:rgba(0,0,0,.1) .1rem .1rem .1rem;display:block;display:grid;justify-content:center;align-items:Center;}
.f3Box .tab span em{line-height:.41rem;display:block;}
.f3Box .tab span em  small{font-size:.3rem;color:#f9812c;display:block;}
.f3Box .list{background-color:#fff;border-radius:.1rem;padding:.3rem 0;box-shadow:rgba(0,0,0,.1) .1rem .1rem .1rem;}
.f3Box .list li{line-height:.42rem;font-size:.28rem;color:#000;position:relative;padding:0 .3rem 0 .7rem;}
.f3Box .list li i{width:.3rem;height:.3rem;text-align:center;line-height:.3rem;font-size:.24rem;color:#fff;background-color:#ffc96c;border-radius:50%;display:block;position:absolute;left:.23rem;top:.15rem;}
.f3Box .list li span{border-bottom:#f8aa29 solid 1px;padding:.1rem 0;display:block;}
.f3Box .list li:last-child span{border-bottom:0;}
.f4Bg{background-color:#e4fcf9;}
.f4Box{padding-bottom:.7rem;}
.f4Box h2{text-align:center;line-height:1.06rem;font-size:.56rem;font-weight:normal;color:#02ba98;padding-top:.32rem;}
.f4Box dl{position:relative;}
/*.f4Box dt,.f4Box dt img{width:6.78rem;height:6.34rem;}*/
.f4Box dd{padding:0 .5rem;position:absolute;left:0;bottom:.3rem;}
.f4Box dd h3 a{width:4.47rem;height:.7rem;text-align:center;line-height:.7rem;font-size:.36rem;font-weight:normal;color:#fbfdff;background-color:#00c8a3;border-radius:.5rem;margin:0 auto .15rem;display:block;}
.f4Box dd p{line-height:.4rem;font-size:.28rem;color:#fbfdff;}

.f5Bg{background-color:#e4fcf9;}
.f5Box{border-top:#1d9c80 dashed 1px;overflow:hidden;}
.f5Box h2{text-align:center;line-height:1.4rem;font-size:.56rem;font-weight:normal;color:#02ba98;padding-top:.15rem;}
.f5Box ul{padding:0 .5rem .4rem;overflow:hidden;}
.f5Box li{float:left;width:2.6rem;padding-bottom:.28rem;}
.f5Box li a{width:2.6rem;height:.85rem;text-align:center;line-height:.85rem;font-size:.4rem;color:#333;border-radius:.1rem;border:#c9c9c9 solid 1px;display:block;}
.f5Box li:nth-child(1) a{background-color:#beeed0;}
.f5Box li:nth-child(2) a{background-color:#fefbd5;}
.f5Box li:nth-child(3) a{background-color:#deebfb;}
.f5Box li:nth-child(4) a{background-color:#f5dfe7;}
.f5Box li:nth-child(5) a{background-color:#c7f5e9;}
.f5Box li:nth-child(6) a{background-color:#cbe5f8;}
.f5Box li:nth-child(2n){float:right;}
.f6Box,.f6Box img{width:7.5rem;height:3.47rem;}

.f7Box{}
.f7Box h2{text-align:center;line-height:1.4rem;font-size:.56rem;font-weight:normal;color:#02ba98;padding-top:.15rem;}
.f7BoxSlide{padding-bottom:.5rem;overflow:hidden;position: relative;}
.f7BoxSlide dt{line-height:.5rem;font-size:.28rem;color:#a9a9a9;font-weight:normal;border-bottom:#007659 solid 1px;padding-bottom:.2rem;margin-bottom:.2rem;}
.f7BoxSlide dd p{height:2.5rem;line-height:.5rem;font-size:.24rem;color:#000;}
.f7BoxSlide .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
.f7BoxSlide .pagination span{width:.15rem;height:.15rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
.f7BoxSlide .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}
/*swtBox*/
.swtBox{width:5.84rem;height:5.63rem;position: fixed;left: 50%;top: 50%;margin:-3.69rem 0 0 -2.95rem;z-index:99; box-shadow:0 0 .1rem rgba(0,0,0,.4);}
.swtBox .close{position:absolute;z-index:99;right:-.2rem;top:-.2rem;width:.6rem;height:.6rem;background:url(/style/images/swt/close.png) center center no-repeat;border-radius:50%;background-color:rgba(0,0,0,.1);transition:all ease .5s;}
.swtBox .close:hover{transform:rotate(320deg);}
.swtBox img{width:100%;}

.tb-animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes tb-bounceInDown{
	from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0%{opacity:0;-webkit-transform:translate3d(0, -30rem, 0);transform:translate3d(0, -30rem, 0);}
	60%{opacity:1;-webkit-transform:translate3d(0, .25rem, 0);transform:translate3d(0, .25rem, 0);}
	75%{-webkit-transform:translate3d(0, -.1rem, 0);transform:translate3d(0, -.1rem, 0);}
	90%{-webkit-transform:translate3d(0, .5rem, 0);transform:translate3d(0, .5rem, 0);}
	to{-webkit-transform:none;transform:none;}
}
@keyframes tb-bounceInDown{
	from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0%{opacity:0;-webkit-transform:translate3d(0, -30rem, 0);transform:translate3d(0, -30rem, 0);}
	60%{opacity:1;-webkit-transform:translate3d(0, .25rem, 0);transform:translate3d(0, .25rem, 0);}
	75%{-webkit-transform:translate3d(0, -.1rem, 0);transform:translate3d(0, -.1rem, 0);}
	90%{-webkit-transform:translate3d(0, .5rem, 0);transform:translate3d(0, .5rem, 0);}
	to{-webkit-transform:none;transform:none;}
}
@keyframes tb-bounceInDown{
	from, 60%, 75%, 90%, to{-ms-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0%{opacity:0;-ms-transform:translate3d(0, -30rem, 0);transform:translate3d(0, -30rem, 0);}
	60%{opacity:1;-ms-transform:translate3d(0, .25rem, 0);transform:translate3d(0, .25rem, 0);}
	75%{-webkit-transform:translate3d(0, -.1rem, 0);transform:translate3d(0, -.1rem, 0);}
	90%{-ms-transform:translate3d(0, .5rem, 0);transform:translate3d(0, .5rem, 0);}
	to{-ms-transform:none;transform:none;}
}
.tb-bounceInDown{-webkit-animation-name:tb-bounceInDown;animation-name:tb-bounceInDown;}

.pulse1{animation:pulse1 2s .5s ease infinite;-webkit-animation:pulse1 2s .5s ease infinite;-moz-animation:pulse1 2s .5s ease infinite;}
@keyframes pulse1{
	0%{transform:scale(1)}
	50%{transform:scale(.9)}
	100%{transform:scale(1)}
}
@-webkit-keyframes pulse1{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(.9)}
	100%{-webkit-transform:scale(1)}
}