@charset "utf-8";
/*
* Author:pengxing
* Date:2026.3.10
*/
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}

.item{width:1400px;margin:0 auto;}
.itemTie{line-height:0;text-align:center;padding:75px 0 80px;}
.itemTie span{line-height:70px;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{text-align:center;line-height:46px;font-size:35px;color:#018788;font-weight:normal;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{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:50px;}
.f1Box dl{width:387px;border:#d7d7d7 solid 1px;padding:24px 26px;border-radius:.2rem;margin-bottom:.2rem;}
.f1Box dt,.f1Box dt img{width:387px;height:264px;}
.f1Box dd{padding:0 10px;}
.f1Box dd h3{text-align:center;line-height:60px;font-size:28px;color:#018788;padding-top:10px;position:relative;}
.f1Box dd h3 i{width:27px;height:2px;background-color:#db9000;display:block;position:absolute;left:50%;bottom:5px;transform:translateX(-50%);}
.f1Box dd p{text-align:center;line-height:38px;font-size:22px;color:#333;}

.f2Bg{background-color:#f7f9f8;padding-bottom:100px;}
.f2Box{padding-bottom:100px;}
.f2Box .swiper-slide{width:432px;}
.f2Box dl{width:430px;background-color:#fff;border:#d7d7d7 solid 1px;border-radius:30px;padding-bottom:15px;}
.f2Box dt{text-align:center;padding:17px 0 41px;}
.f2Box dt span{line-height:60px;text-align:center;font-size:38px;color:#ff6c00;border-bottom:#333 solid 1px;display:inline-block;}
.f2Box dd{height:260px;background-color:#00babb;border-bottom:#ffdd9b solid 5px;border-radius:30px;margin:0 10px;padding:266px 10px 0;position:relative;}
.f2Box dd img{width:430px;height:285px;border-radius:40px;position:absolute;left:50%;top:-19px;transform:translateX(-50%);}
.f2Box dd h3{line-height:63px;text-align:center;font-size:28px;color:#fff;border-bottom:#007576 solid 1px;position: relative;}
.f2Box dd h3 i{width:73px;height:3px;background-color:#007576;display:block;position:absolute;left:50%;transform: translateX(-50%);bottom: -2px;}
.f2Box dd p{line-height:42px;font-size:22px;color:#fff;padding-top:15px;}
.f2Box dd p span{text-align:center;line-height:27px;display:block;}
.f2BoxCom h3{text-align:center;line-height:60px;font-size:52px;color:#ff6c00;padding-bottom:80px;}
.f2BoxCom h3 small{font-size:36px;color:#018788;font-weight:normal;display:block;}

.f2BoxList{height:610px;position:relative;}
.f2BoxList li{width:243px;height:243px;border:#00babb dashed 1px;border-radius:50%;padding:16px;position:absolute;}
.f2BoxList li span{border-radius:50%;display:block;overflow:hidden;position:relative;}
.f2BoxList li span,.f2BoxList li span img{width:243px;height:243px;}
.f2BoxList li span em{width:100%;height:50px;text-align:center;line-height:45px;font-size:24px;color:#fff;background-color:#f58b02;display:block;position:absolute;left:0;bottom:0;}
.f2BoxList li.ioc1{left:0;top:50%;transform:translateY(-50%);}
.f2BoxList li.ioc2{left:274px;top:0;}
.f2BoxList li.ioc3{left:274px;bottom:0;}
.f2BoxList li.ioc4{left:50%;top:50%;transform:translate(-50%,-50%);}
.f2BoxList li.ioc5{right:274px;top:0;}
.f2BoxList li.ioc6{right:274px;bottom:0;}
.f2BoxList li.ioc7{right:0;top:50%;transform:translateY(-50%);}

.f3Box{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:60px;}
.f3Box dl{padding:10px 9px 0;border:#b8b8b8 solid 1px;border-radius:20px;margin-bottom:46px;}
.f3Box dt,.f3Box dt img{width:195px;height:146px;}
.f3Box dd{text-align:center;line-height:60px;font-size:26px;color:#01777a;position:relative;padding-bottom:18px;}
.f3Box dd span{width:40px;height:40px;text-align:center;line-height:40px;font-size:24px;color:#fff;background-color:#ff8a00;border-radius:50%;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);}

.f4Bg{background-color:#f7f9f8;padding-bottom:110px;}
.f4Box{background-color:#00bbbc;padding:36px 0 20px 27px;overflow:hidden;}
.f4Box ul{float:left;margin-right:19px;}
.f4Box li{margin-bottom:19px;}
.f4Box li.ioc1,.f4Box li.ioc1 img,.f4Box li.ioc2,.f4Box li.ioc2 img{width:431px;height:253px;}
.f4Box li.ioc3,.f4Box li.ioc3 img{width:431px;height:283px;}
.f4Box li.ioc4,.f4Box li.ioc4 img{width:482px;height:522px;}
.f4Box li.ioc5,.f4Box li.ioc5 img{width:480px;height:283px;}
.f4Box li.ioc6,.f4Box li.ioc6 img,.f4Box li.ioc7,.f4Box li.ioc7 img{width:383px;height:253px;}
.f4Box li.ioc8,.f4Box li.ioc8 img{width:385px;height:283px;}
@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{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{line-height:.4rem;font-size:.3rem;}
	.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 .5rem;}
	.f1Box dl{width:3rem;border:#d7d7d7 solid 1px;padding:.15rem;border-radius:.2rem;margin-bottom:.2rem;}
	.f1Box dt,.f1Box dt img{width:100%;height:auto;}
	.f1Box dd{padding:0;}
	.f1Box dd h3{line-height:.5rem;font-size:.28rem;padding-top:.1rem;margin-bottom:.1rem;}
	.f1Box dd h3 i{width:.27rem;}
	.f1Box dd p{line-height:.35rem;font-size:.22rem;}
	
	.f2Bg{padding:0 .2rem .65rem;}
	.f2Box{padding-bottom:.95rem;position:relative;overflow:hidden;}
	.f2Box dl{float:none;width:6.24rem;background-color:#fff;border:#d7d7d7 solid 1px;border-radius:30px;padding-bottom:.15rem;margin: 0 auto;}
	.f2Box dt{padding:.18rem 0 .57rem;}
	.f2Box dt span{line-height:.6rem;font-size:.38rem;border-bottom:#333 solid 1px;}
	.f2Box dd{height:3.1rem;border-bottom:#ffdd9b solid .06rem;border-radius:.3rem;margin:0 .15rem;padding:2.86rem .9rem 0;position:relative;}
	.f2Box dd img{width:6.26rem;height:3.11rem;border-radius:.4rem;top:-.35rem;}
	.f2Box dd h3{line-height:.66rem;font-size:.28rem;}
	.f2Box dd h3 i{width:.7rem;height:.03rem;}
	.f2Box dd p{line-height:.34rem;font-size:.24rem;padding-top:.15rem;}
	.f2Box dd p span{line-height:.34rem;}
	.f2Box dd p span br{line-height:0;}
	.f2Box .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
	.f2Box .pagination span{width:.19rem;height:.19rem;font-size:0;background-color:#9b9b9b;border-radius:50%;opacity:1;margin:0 .15rem;display:inline-block;vertical-align:top;}
	.f2Box .pagination .swiper-pagination-bullet-active{background-color:#ff6c00;}
	
	.f2BoxCom h3{line-height:.5rem;font-size:.5rem;padding-bottom:.3rem;}
	.f2BoxCom h3 small{font-size:.3rem;}
	
	.f2BoxList{display:none;}
	
	.f2BoxWap{height:7.98rem;position:relative;}
	.f2BoxWap li{width:2.09rem;height:2.09rem;border:#00babb dashed 1px;border-radius:50%;padding:.08rem;position:absolute;}
	.f2BoxWap li span{border-radius:50%;display:block;overflow:hidden;position:relative;}
	.f2BoxWap li span,.f2BoxWap li span img{width:2.09rem;height:2.09rem;}
	.f2BoxWap li span em{width:100%;height:.43rem;text-align:center;line-height:.43rem;font-size:.2rem;color:#fff;background-color:#f58b02;display:block;position:absolute;left:0;bottom:0;}
	.f2BoxWap li.ioc1{left:0;top:1.57rem;}
	.f2BoxWap li.ioc2{left:50%;transform:translateX(-50%);top:0;}
	.f2BoxWap li.ioc3{left:50%;top:50%;transform:translate(-50%,-50%);}
	.f2BoxWap li.ioc4{right:0;top:1.57rem;}
	.f2BoxWap li.ioc5{left:0;bottom:1.57rem;}
	.f2BoxWap li.ioc6{left:50%;bottom:0;transform:translateX(-50%);}
	.f2BoxWap li.ioc7{right:0;bottom:1.57rem;}
	
	
	.f3Box{padding:0 .3rem .5rem;}
	.f3Box dl{padding:.1rem .1rem 0;border-radius:.2rem;margin-bottom:.4rem;}
	.f3Box dt,.f3Box dt img{width:1.95rem;height:1.46rem;}
	.f3Box dd{line-height:.6rem;font-size:.26rem;padding-bottom:.18rem;}
	.f3Box dd span{width:.4rem;height:.4rem;line-height:.4rem;font-size:.24rem;}

	.f4Bg{padding:0 .3rem .5rem;}
	.f4Box{padding:.2rem 0 .1rem .13rem;}
	.f4Box ul{margin-right:.1rem;}
	.f4Box li{margin-bottom:.1rem;}
	.f4Box li.ioc1,.f4Box li.ioc1 img,.f4Box li.ioc2,.f4Box li.ioc2 img{width:2.12rem;height:1.25rem;}
	.f4Box li.ioc3,.f4Box li.ioc3 img{width:2.12rem;height:1.39rem;}
	.f4Box li.ioc4,.f4Box li.ioc4 img{width:2.37rem;height:2.57rem;}
	.f4Box li.ioc5,.f4Box li.ioc5 img{width:2.35rem;height:1.39rem;}
	.f4Box li.ioc6,.f4Box li.ioc6 img,.f4Box li.ioc7,.f4Box li.ioc7 img{width:1.88rem;height:1.25rem;}
	.f4Box li.ioc8,.f4Box li.ioc8 img{width:1.90rem;height:1.39rem;}
}