@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
body{}
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}
.container img{max-width:100%;display:block;}
.banner{width:100%;height:800px;overflow:hidden;position:relative;}
.bannerInfo{width:1920px;height:801px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo .swiper-slide,.bannerInfo .swiper-slide img{width:1920px;height:500px;}
.bannerInfo .swiper-slide{position:relative;}
.bannerInfo .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
.bannerInfo .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;}
.bannerInfo .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}

.bannerWap{display:none;}
.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;line-height:70px;font-size:55px;color:#22a8a9;padding:80px 0 45px;}
.itemTie small{line-height:30px;font-size:20px;color:#545353;font-weight:normal;display:block;}

 .f1Bg{background-color:#e8f6f6;}
.f1Box{padding:0 0 80px;overflow:hidden;}
.f1Box .tab{overflow:hidden;padding-bottom: 55px;}
.f1Box .tab span{float:left;width:50%;height:98px;text-align:center;line-height:98px;font-size:55px;color:#666666;background-color:#e7e7e7;cursor: pointer;}
.f1Box .tab span.active{color:#fff;background-color:#22a8a9;}
.f1Box .tabCon li{float:left;width:440px;}
.f1Box .tabCon li{height:125px;text-align:center;line-height:24px;font-size:18px;color:#545353;margin:0 auto;padding: 0 80px;}
.f1Box .tabCon li span{line-height:45px;font-size:28px;color:#545353;font-weight:normal;display:block;}

.f2Bg{background-color:#f1fcff;overflow: hidden;}
.f2Box p.txt{text-align:center;line-height:33px;font-size:28px;color:#545353;padding-bottom:25px;}
.f2BoxList{overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding-bottom: 80px;}
.f2BoxList dl{float:left;width:387px;}
.f2BoxList dt{line-height:0;}
.f2BoxList dt img{width:387px;height:295px;}
.f2BoxList dt span{line-height:64px;text-align:center;font-size:30px;color:#fff;background-color:#22a8a9;display:block;}
.f2BoxList dd{line-height:30px;font-size:18px;color:#545353;padding:5px 0 0;}

.f3Bg{background-color:#e8f6f6;}
.f3Box p.txt{text-align:center;line-height:40px;font-size:28px;color:#545353;}
.f3Box p.txt small{line-height:30px;font-size:20px;color:#545353;display:block;}
.f3BoxList{overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 36px 90px;}
.f3BoxList dl{float:left;width:310px;}
.f3BoxList dt{position:relative;padding-top:135px;}
.f3BoxList dt i{width:126px;height:128px;display:block;position:absolute;left:50%;margin-left:-50px;top:0;}
.f3BoxList dt i.ioc1{background:url(/style/images/pzff/ioc_01.png) no-repeat;}
.f3BoxList dt i.ioc2{background:url(/style/images/pzff/ioc_02.png) no-repeat;}
.f3BoxList dt i.ioc3{background:url(/style/images/pzff/ioc_03.png) no-repeat;}
.f3BoxList dt span{height:46px;line-height:46px;text-align:center;font-size:30px;color:#fff;background-color:#22a8a9;border-radius:15px 15px 0 0;display:block;}
.f3BoxList dd{line-height:30px;font-size:18px;color:#545353;}

.f5Box{padding-bottom:50px;}
.f5Box .tab{overflow:hidden;}
.f5Box .tab span{float:left;width:600px;height:58px;text-align:center;line-height:58px;font-size:28px;color:#fff;background-color:#ff8e3a;display:block;}
.f5Box .tab span.active{background-color:#22a8a9;}
.f5Box .tabBox{margin-bottom:50px;}
.f5Box .tabCon{box-shadow:rgba(0,0,0,.2) 0 0 10px;}
.f5Box .tabCon,.f5Box .tabCon img{width:1200px;height:417px;}
.f5Box a.btn{width:400px;height:70px;line-height:70px;text-align:center;font-size:24px;color:#fff;background-color:#ff8e3a;border-radius:10px;display:block;margin:0 auto;}

@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)}
}
@media only screen and (max-width: 750px){
	.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;}
	.container{background-color:#fff;padding-bottom:0;}
	.container img{max-width:100%;display:block;}
	.item{width:auto;}
	.item{width:auto;}
	.itemTie{text-align:center;line-height:.7rem;font-size:.4rem;color:#22a8a9;padding:.5rem 0 .4rem;}
	.itemTie small{line-height:.25rem;font-size:.18rem;}
	
	.banner{display:none;}
	.bannerWap{position:relative;width:100%;overflow:hidden;display:block;}
	.bannerWap .swiper-slide{position:relative;}
	.bannerWap .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
	.bannerWap .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;}
	.bannerWap .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}
	
	
	.f1Box{padding:0 0 .5rem;overflow:hidden;}
	.f1Box .tab{overflow:hidden;padding-bottom:.5rem;}
	.f1Box .tab span{float:left;width:50%;height:.9rem;line-height:.9rem;font-size:.32rem;}
	.f1Box .tab span.active{}
	.f1Box .tabCon{overflow:hidden;}
	.f1Box .tabCon ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.f1Box .tabCon li{width:3.5rem;}
	.f1Box .tabCon li{height:auto;line-height:.3rem;font-size:.22rem;padding: 0 0 .2rem;}
	.f1Box .tabCon li span{line-height:.5rem;font-size:.3rem;}

        
	.f2Box{padding:0 .2rem;}
	.f2Box p.txt{line-height:.4rem;font-size:.3rem;padding-bottom:.25rem;}
	.f2Box p.txt br{display:none;}
	.f2BoxList{padding-bottom:.5rem;}
	.f2BoxList dl{float:left;width:3.5rem;padding-bottom:.3rem;}
	.f2BoxList dt{line-height:0;}
	.f2BoxList dt img{width:3.5rem;height:auto;}
	.f2BoxList dt span{line-height:.6rem;font-size:.3rem;}
	.f2BoxList dd{line-height:.3rem;font-size:.24rem;padding:.1rem 0 0;}
	
	.f3Box{padding:0 .2rem;}
	.f3Box p.txt{line-height:.4rem;font-size:.28rem;}
	.f3Box p.txt small{line-height:.3rem;font-size:.2rem;}
	.f3BoxList{padding:0 0 .5rem;}
	.f3BoxList dl{float:left;width:2.3rem;}
	.f3BoxList dt{position:relative;padding-top:1.35rem;}
	.f3BoxList dt i{width:1.26rem;height:1.28rem;margin-left:-.5rem;}
	.f3BoxList dt i.ioc1{background:url(/style/images/pzff/ioc_01.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dt i.ioc2{background:url(/style/images/pzff/ioc_02.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dt i.ioc3{background:url(/style/images/pzff/ioc_03.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dt span{height:.5rem;line-height:.5rem;font-size:.24rem;border-radius:.1rem .1rem 0 0;}
	.f3BoxList dd{line-height:.35rem;font-size:.22rem;}
	
	.f5Box{padding:0 .2rem .5rem;}
	.f5Box .tab span{float:left;width:50%;height:.6rem;line-height:.6rem;font-size:.28rem;}
	.f5Box .tabBox{margin-bottom:.5rem;}
	.f5Box .tabCon{box-shadow:rgba(0,0,0,.2) 0 0 10px;}
	.f5Box .tabCon,.f5Box .tabCon img{width:100%;height:auto;}
	.f5Box a.btn{width:3rem;height:.7rem;line-height:.7rem;font-size:.28rem;border-radius:.1rem;}
}
