@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:800px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo .swiper-slide,.bannerInfo .swiper-slide img{width:1920px;height:800px;}
.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;padding:90px 0 100px;position: relative;margin-bottom: 40px;}
.itemTie span{line-height:65px;font-size:54px;color:#22a8a9;display:inline-block;position:relative;padding: 0 10px;}
.itemTie span em{width:28px;height:27px;background:url(/style/images/ppjs/tie_03.png) no-repeat;display:block;position:absolute;top:50%;margin-top:-14px;}
.itemTie span em.ioc1{right:100%;}
.itemTie span em.ioc2{left:100%;}
.itemTie i{width:94px;height:95px;background:url(/style/images/ppjs/tie_02.png) no-repeat;display:block;position:absolute;left:50%;bottom:0;margin-left:-47px;}


.f1Box{padding:0 0 45px;overflow:hidden;}
.f1Box p.txt{text-align:center;line-height:51px;font-size:28px;color:#545353;padding:0 30px 65px;}
.f1BoxBtn dt{float:right;}
.f1BoxBtn dt,.f1BoxBtn dt img{width:551px;height:443px;}
.f1BoxBtn dd{float:left;width:630px;}
.f1BoxBtn ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f1BoxBtn li{float:left;width:280px;text-align:center;padding-bottom:75px;}
.f1BoxBtn li span{width:280px;height:52px;text-align:center;line-height:52px;font-size:36px;color:#fff;background-color:#22a8a9;border-radius:50px;display:block;}
.f1BoxBtn li small{text-align:center;line-height:40px;font-size:28px;color:#545353;display:inline-block;}
.f1BoxBtn li em{text-align:right;display:block;padding-top:30px;}
.f1BoxBtn li em b{font-size:85px;color:#ff9b00;}
.f1BoxBtn li em i{font-size:60px;color:#ff9b00;}


.f2Bg{background-color:#e8f6f6;overflow: hidden;}
.f2Box p.txt{text-align:center;line-height:51px;font-size:28px;color:#545353;padding-bottom:25px;}
.f2BoxImg{height:335px;position:relative;}
.f2BoxImg img{width:1285px;height:335px;position:absolute;left:50%;margin-left:-600px;top:0;}

.f3Box{}
.f3Box dl{overflow:hidden;position:relative;padding-bottom: 120px;}
.f3Box dt{width:599px;background-color: #22a8a9;position:absolute;right:0;top:16px;z-index: 1;}
.f3Box dt img{width:529px;height:352px;overflow: hidden;padding: 17px 17px 17px 20px;background-color: #fff;margin: 15px auto 0;}
.f3Box dt span{text-align:center;line-height:64px;font-size:22px;color:#fff;display:block;}
.f3Box dt i{width:0;height:0;content:' ';border-right:#22a8a9 solid 29px;border-top:transparent solid 15px;border-bottom:transparent solid 15px;display:block;position:absolute;left:-29px;top:87px;}
.f3Box dd{float:left;width:550px;border:#23adae solid 2px;padding:21px 84px 0 40px;position: relative;}
.f3Box dd h3{line-height:77px;font-size:38px;color:#ff8a00;border-bottom:#01a0a1 dashed 2px;margin-bottom:15px;}
.f3Box dd h3 span{color:#01a0a1;}
.f3Box dd ul{padding-bottom:60px;}
.f3Box dd li{line-height:79px;font-size:30px;color:#545353;position:relative;padding-left:40px;}
.f3Box dd li i{width:20px;height:24px;background:url(/style/images/ppjs/ioc_03.jpg) no-repeat;display:block;position:absolute;left:0;top:50%;margin-top:-12px;}



.f3Box dd a.btn{width:242px;height:62px;text-align:center;line-height:62px;font-size:36px;color:#fff;background-color:#22a8a9;display:block;border-radius:50px;position:absolute;padding-left:40px;left: 217px;bottom: -24px;}
.f3Box dd a.btn i{width:106px;height:88px;background:url(/style/images/ppjs/ioc_01.png) no-repeat;display: block;position: absolute;left: -46px;top: 50%;margin-top: -44px;}



.f4Bg{background-color:#e8f6f6;}
.f4Box{padding:0 0 138px;}
.f4Box p.txt{text-align:center;line-height:51px;font-size:28px;color:#545353;padding-bottom:30px;}
.f4BoxImg{padding:0 25px 18px;overflow:hidden;position:relative;z-index:1;}
.f4BoxImg,.f4BoxImg img{width:1149px;height:531px;border-radius:20px;}
.f4BoxImg img{}
.f4BoxImg i{width:1200px;height:360px;background-color:#22a8a9;display:block;position:absolute;left:0;bottom:0;z-index:-1;}

.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;}

.f6Bg{height:1004px;background:url(/style/images/banner/f6Bg.jpg) center no-repeat;}
.f6Box h3{text-align:center;line-height:60px;font-size:44px;color:#ffa800;display:block;margin-bottom: 420px;}
.f6Img{display:none;}
.f6Box p{line-height:51px;font-size:28px;color:#545353;}
@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;}
	.itemTie{padding:.5rem 0 1rem;margin-bottom:.4rem;}
	.itemTie span{line-height:.6rem;font-size:.5rem;padding: 0 .1rem;}
	.itemTie span em{width:.28rem;height:.27rem;background-size:100% auto;margin-top:-.14rem;}
	.itemTie i{width:.94rem;height:.95rem;background:url(/style/images/ppjs/tie_02.png) no-repeat;background-size:100% 100%;margin-left:-.47rem;}

	.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 .2rem .1rem;}
	.f1Box p.txt{line-height:.5rem;font-size:.28rem;padding:0;text-align:left;}
	.f1BoxBtn dt{float:none;margin:0 auto;}
	.f1BoxBtn dt,.f1BoxBtn dt img{width:5.51rem;height:4.43rem;}
	.f1BoxBtn dd{width:auto;height:auto;padding: .2rem .2rem 0;}
	.f1BoxBtn ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.f1BoxBtn li{float:left;width:2.8rem;padding-bottom:.3rem;}
	.f1BoxBtn li span{width:2.8rem;height:.5rem;line-height:.5rem;font-size:.36rem;border-radius:1rem;}
	.f1BoxBtn li small{line-height:.4rem;font-size:.28rem;}
	.f1BoxBtn li em{padding-top:.3rem;}
	.f1BoxBtn li em b{font-size:.85rem;}
	.f1BoxBtn li em i{font-size:.6rem;}
	
	.f2Box p.txt{line-height:.5rem;font-size:.24rem;padding:0 .2rem .2rem;text-align:left;}
	.f2BoxImg{height:auto;padding-left:.2rem;position:relative;}
	.f2BoxImg img{width:100%;height:auto;position:relative;left:0;margin-left:0;top:0;}
	
	.f3Box{padding:0 .3rem;}
	.f3Box dl{overflow:hidden;position:relative;padding-bottom: .8rem;}
	.f3Box dt{width:6rem;margin: 0 auto .3rem;position: relative;overflow: hidden;top: 0;}
	.f3Box dt img{width:5.29rem;height:3.52rem;padding: .17rem .17rem .17rem .2rem;margin: .15rem auto 0;}
	.f3Box dt span{line-height:.64rem;font-size:.22rem;}
	.f3Box dt i{width:0;height:0;content:' ';border-right:#22a8a9 solid 29px;border-top:transparent solid 15px;border-bottom:transparent solid 15px;display:block;position:absolute;left:-29px;top:87px;}
	.f3Box dd{float:none;width:auto;border:#23adae solid .03rem;padding:.2rem .4rem 0;position: relative;}
	.f3Box dd h3{line-height:.77rem;font-size:.38rem;border-bottom:#01a0a1 dashed .03rem;margin-bottom:.15rem;}
	.f3Box dd ul{padding-bottom:.6rem;}
	.f3Box dd li{line-height:.79rem;font-size:.3rem;padding-left:.4rem;}
	.f3Box dd li i{width:.2rem;height:.24rem;background-size:100% auto;margin-top:-.12rem;}
        .f3Box dd a.btn{float:none;width:2.42rem;height:.62rem;line-height:.62rem;font-size:.36rem;border-radius:5rem;padding-left:.4rem;margin:0 auto;left: 2.17rem;bottom: -.24rem;}
	.f3Box dd a.btn i{width:1.06rem;height:.88rem;background:url(/style/images/ppjs/ioc_01.png) no-repeat;background-size:100% 100%;left:-.46rem;margin-top:-.44rem;}
	
	.f4Box{padding:0 .2rem .5rem;}
	.f4Box p.txt{line-height:.5rem;font-size:.28rem;padding-bottom:.3rem;text-align:left;}
	.f4BoxImg{padding:0 .2rem .15rem;}
	.f4BoxImg,.f4BoxImg img{width:auto;height:auto;border-radius:.2rem;}
	.f4BoxImg img{}
	.f4BoxImg i{width:100%;height:1.5rem;background-color:#22a8a9;display:block;position:absolute;left:0;bottom:0;z-index:-1;}
	
	.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;}
	
	.f6Bg{height:auto !important;background:none;}
	.f6Box{padding:0 .3rem .3rem;}
	.f6Img{width:7rem;height:auto;display:block;}
	.f6Box h3{line-height:.6rem;font-size:.4rem;margin-bottom:.2rem !important;}
	.f6Box p{line-height:.5rem;font-size:.24rem;padding-top:.15rem;}
}