@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
body{}
br{line-height:0;}
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}
.container img{max-width:100%;display:block;}

.item{width:1400px;margin:0 auto;}
.itemTie{line-height:0;text-align:center;padding:95px 0 88px;}
.itemTie span{line-height:95px;font-size:58px;color:#018788;display:inline-block;position:relative;z-index:1;}
.itemTie span i{width:65px;height:65px;background-color:#ffe3ac;border-radius:50%;display:block;position:absolute;left:-18px;bottom:0;z-index:-1;}
.itemTie small{display:block;}
.itemTie small em{line-height:48px;font-size:28px;color:#018788;background-color:#fff;border:#018788 solid 1px;border-radius:50px;padding:0 40px;display:inline-block;}

.fbanner{height:550px;background:url(/modules/style/images/ajax-loader.gif) center no-repeat;}
.banner{width:100%;height:550px;overflow:hidden;position:relative;}
.bannerInfo{width:1920px;height:550px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo li,.bannerInfo li img{width:1920px;height:550px;}
.bannerInfo .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:20px;z-index:1;}
.bannerInfo .pagination span{width:15px;height:15px;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 15px;display:inline-block;vertical-align:top;}
.bannerInfo .pagination .active{background-color:#24d2b6;}

.f1Box{padding-bottom:25px;}
.f1Box dl{border:#d7d7d7 solid 1px;border-radius:20px;box-shadow:rgba(0,0,0,.3) 0 0 10px;padding:47px 56px 54px;margin-bottom:51px;}
.f1Box dt{line-height:50px;font-size:28px;color:#333;padding-bottom:25px;}
.f1Box dl.dl1 dd{border-radius:30px;overflow:hidden;}
.f1Box dl.dl1 dd,.f1Box dl.dl1 dd img{width:1285px;height:593px;}
.f1Box dl.dl2 dd{height:807px;background-color:#a6dcdc;position:relative;}
.f1Box dd span{border-radius:20px;overflow:hidden;position:absolute;}
.f1Box dd span.ioc1,.f1Box span.ioc1 img{width:698px;height:360px;}
.f1Box dd span.ioc2,.f1Box span.ioc2 img{width:500px;height:360px;}
.f1Box dd span.ioc3,.f1Box span.ioc3 img{width:500px;height:360px;}
.f1Box dd span.ioc4,.f1Box span.ioc4 img{width:698px;height:360px;}
.f1Box dd span.ioc1{left:26px;top:27px;}
.f1Box dd span.ioc2{right:30px;top:27px;}
.f1Box dd span.ioc3{left:26px;bottom:36px;}
.f1Box dd span.ioc4{right:30px;bottom:36px;}

.f2Bg{background-color:#f7f9f8;}
.f2Box{padding-bottom:90px;}
.f2Box .swiper-slide{width:669px;}
.f2Box dl{width:622px;padding:0 0 0 47px;background-color:#09b3b4;border-radius:20px;}
.f2Box dt{line-height:55px;font-size:48px;color:#fff;padding:35px 0 15px;}
.f2Box dt span{font-size:28px;color:#ffedb8;display:block;}
.f2Box dd .video,.f2Box dd .video img{width:575px;height:335px;}
.f2Box dd p{height:200px;line-height:40px;font-size:22px;color:#fff;padding:20px 47px 35px 0;}

.f3Box p.txt{line-height:54px;font-size:32px;color:#333;padding-bottom: 80px;}
.f3Box dl{overflow:hidden;}
.f3Box dt{float:left;width:846px;padding-bottom:30px;}
.f3Box dt span{margin-bottom:9px;}
.f3Box dt span,.f3Box dt img{width:846px;height:252px;}
.f3Box dd{float:right;width:514px;}
.f3Box dd span{display:block;margin:0 auto;}
.f3Box dd span,.f3Box dd img{width:504px;height:151px;}
.f3Box dd span.ioc3,.f3Box dd span.ioc3 img{width:514px;height:197px;}
.f3Box ul{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:106px;}
.f3Box li{width:635px;height:380px;padding:20px 18px;background-color:#d0d0d0;}
.f3Box li span,.f3Box li img{width:635px;height:380px;}
.f3Box li span{border-radius:20px;display:block;overflow:hidden;position:relative;}
.f3Box li span em{width:100%;height:73px;background-color:rgba(255,255,255,.9);position:absolute;left:0;bottom:0;}
.f3Box li span em small{width:100%;text-align:center;line-height:28px;font-size:20px;color:#4e2b0b;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f4Bg{background-color:#f7f9f8;padding-bottom:92px;}
.f4BoxList{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:68px;overflow:hidden;}
.f4BoxList span{width:428px;height:367px;border:#06aeaf solid 1px;border-radius:20px;position:relative;}
.f4BoxList span i{width:200px;height:184px;display:block;position:absolute;left:50%;top:35px;transform: translateX(-50%);}
.f4BoxList span i.ioc1{background:url(/modules/style/images/ppjs/ioc_01.png) no-repeat;}
.f4BoxList span i.ioc2{background:url(/modules/style/images/ppjs/ioc_02.png) no-repeat;}
.f4BoxList span i.ioc3{background:url(/modules/style/images/ppjs/ioc_03.png) no-repeat;}
.f4BoxList span em{text-align:center;line-height:45px;font-size:32px;color:#333;display:block;padding-top:235px;}
.f4BoxList span em small{font-size:28px;color:#676767;display:block;}
.f4BoxImg{background-color:#fff;box-shadow:rgba(0,0,0,.3) 0 0 10px;padding:51px 0 35px 46px;border-radius:20px;overflow:hidden;}
.f4BoxImg ul{float:left;margin-right:19px;}
.f4BoxImg ul.list1 li{margin-bottom:16px;}
.f4BoxImg ul.list1 li,.f4BoxImg ul.list1 li img{width:431px;height:319px;}
.f4BoxImg ul.list2 li{margin-bottom:16px;}
.f4BoxImg ul.list2 li,.f4BoxImg ul.list2 li img{width:470px;height:654px;}
.f4BoxImg ul.list3 li{margin-bottom:18px;}
.f4BoxImg ul.list3 li,.f4BoxImg ul.list3 li img{width:369px;height:206px;}

@media only screen and (min-width: 751px) {
	.f2Box .swiper-wrapper{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
}
@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{line-height:0;text-align:center;padding:.65rem 0 .55rem;}
	.itemTie span{line-height:.6rem;font-size:.46rem;}
	.itemTie span i{width:.52rem;height:.52rem;left:-.18rem;}
	.itemTie small em{line-height:.37rem;font-size:.26rem;border-radius:.5rem;padding:0 .15rem;}
	
	.banner{width:100%;height:8.6rem;}
	.bannerInfo{width:7.5rem;height:8.6rem;left:0;margin-left:0;}
	.bannerInfo li,.bannerInfo li img{width:7.5rem;height:8.6rem;}
	.bannerInfo .pagination{bottom:.2rem;}
	.bannerInfo .pagination span{width:.15rem;height:.15rem;margin:0 .1rem;}
	
	.f1Box{padding:0 .3rem .3rem;}
	.f1Box dl{border-radius:.2rem;box-shadow:rgba(0,0,0,.3) 0 0 .1rem;padding:.2rem .2rem .3rem;margin-bottom:.3rem;}
	.f1Box dt{line-height:.5rem;font-size:.28rem;padding-bottom:.2rem;}
	.f1Box dl.dl1 dd{border-radius:.3rem;}
	.f1Box dl.dl1 dd,.f1Box dl.dl1 dd img{width:6.2rem;height:3.05rem;}
	.f1Box dl.dl2 dd{height:4.15rem;}
	.f1Box dd span{border-radius:.2rem;}
	.f1Box dd span.ioc1,.f1Box span.ioc1 img{width:3.37rem;height:1.74rem;}
	.f1Box dd span.ioc2,.f1Box span.ioc2 img{width:2.41rem;height:1.74rem;}
	.f1Box dd span.ioc3,.f1Box span.ioc3 img{width:2.41rem;height:1.74rem;}
	.f1Box dd span.ioc4,.f1Box span.ioc4 img{width:3.37rem;height:1.74rem;}
	.f1Box dd span.ioc1{left:.2rem;top:.2rem;}
	.f1Box dd span.ioc2{right:.2rem;top:.2rem;}
	.f1Box dd span.ioc3{left:.2rem;bottom:.2rem;}
	.f1Box dd span.ioc4{right:.2rem;bottom:.2rem;}
	
	.f2Box{padding:0 0 1.08rem;position:relative;overflow: hidden;margin:0 .3rem;}
	.f2Box .swiper-slide{width:6.9rem;}
	.f2Box dl{width:6.05rem;padding:0 .45rem;border-radius:.2rem;}
	.f2Box dt{text-align:center;line-height:.55rem;font-size:.42rem;padding:.3rem 0 .2rem;}
	.f2Box dt span{line-height:.35rem;font-size:.28rem;}
	.f2Box dd .video,.f2Box dd .video img{width:6.05rem;height:3.25rem;}
	.f2Box dd p{height:1.6rem;line-height:.4rem;font-size:.22rem;padding:.2rem 0;}
	.f2Box dd p span{line-height:.28rem;display:block;}
	.f2Box .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.54rem;z-index:1;}
	.f2Box .pagination span{width:.19rem;height:.19rem;font-size:0;background-color:#9b9b9b;border-radius:50%;opacity:1;margin:0 15px;display:inline-block;vertical-align:top;}
	.f2Box .pagination .swiper-pagination-bullet-active{background-color:#00a1a2;}
	
	.f3Box{padding:0 .3rem;}
	.f3Box p.txt{line-height:.5rem;font-size:.3rem;padding-bottom:.3rem;}
	.f3Box dt{width:6.9rem;padding-bottom:0;}
	.f3Box dt span{margin-bottom:.1rem;}
	.f3Box dt span,.f3Box dt img{width:6.9rem;height:2.06rem;}
	.f3Box dd{width:6.9rem;}
	.f3Box dd span{display:block;margin:0 auto;}
	.f3Box dd span,.f3Box dd img{width:6.9rem;height:2.06rem;}
	.f3Box dd span.ioc3{transform:translateX(0);}
	.f3Box dd span.ioc3,.f3Box dd span.ioc3 img{width:6.9rem;height:2.64rem;}
	
	.f3Box ul{padding:.2rem 0 .5rem;}
	.f3Box li{width:3.13rem;height:auto;padding:.1rem;margin:0 auto .3rem;}
	.f3Box li span,.f3Box li img{width:3.13rem;height:1.87rem;}
	.f3Box li span{border-radius:.2rem;}
	.f3Box li span em{width:100%;height:.35rem;}
	.f3Box li span em small{line-height:.14rem;font-size:.1rem;}
	
	.f4Bg{padding:0 .3rem .5rem;}
	.f4BoxList{padding-bottom:.4rem;}
	.f4BoxList span{width:2.2rem;height:2.8rem;border-radius:.2rem;}
	.f4BoxList span i{width:1.5rem;height:1.5rem;top:.2rem;}
	.f4BoxList span i.ioc1,.f4BoxList span i.ioc2,.f4BoxList span i.ioc3{background-size:100% auto;}
	.f4BoxList span em{line-height:.4rem;font-size:.22rem;padding-top:1.8rem;}
	.f4BoxList span em small{font-size:.22rem;}
	.f4BoxImg{box-shadow:rgba(0,0,0,.3) 0 0 .1rem;padding:.25rem 0 .2rem .2rem;border-radius:.2rem;}
	.f4BoxImg ul{margin-right:.1rem;}
	.f4BoxImg ul.list1 li{margin-bottom:.09rem;}
	.f4BoxImg ul.list1 li,.f4BoxImg ul.list1 li img{width:2.12rem;height:1.57rem;}
	.f4BoxImg ul.list2 li{margin-bottom:.09rem;}
	.f4BoxImg ul.list2 li,.f4BoxImg ul.list2 li img{width:2.32rem;height:3.22rem;}
	.f4BoxImg ul.list3 li{margin-bottom:.09rem;}
	.f4BoxImg ul.list3 li,.f4BoxImg ul.list3 li img{width:1.82rem;height:1.02rem;}

}