@charset "UTF-8";
/**
 * @Site ²©°®Æ·ÅÆ¹ÙÍø
 * @authors pengxing
 * @date    2022.11.21
 */
br{line-height:0 !important;}
.banner{width:100%;height:550px;overflow:hidden;position:relative;background: url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/style/ajax-loader.gif) no-repeat center;}
.bannerInfo{width:1920px;height:550px;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo li,.bannerInfo li img{width:1920px;height:550px;}
.bannerInfo .bajs-easy-slider-pagination{width: 100%;height: 16px;font-size: 0;line-height: 0;text-align: center;bottom:14px;z-index:11;}
.bannerInfo .bajs-easy-slider-pagination a{width: 16px; height: 16px; border-radius: 50%;display: inline-block;background-color: #cdcdcd;overflow: hidden;margin: 0 10px;opacity: 1;}
.bannerInfo .bajs-easy-slider-pagination a.active{background-color: #4390e3;}
.bannerWap{display:none;}

.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;padding:65px 0 70px;}
.itemTie span{line-height:40px;font-size:30px;color:#164243;display:block;}
.itemTie small{line-height:35px;font-size:14px;color:#8f8f8f;font-weight:normal;text-transform:uppercase;display:block;position:relative;}
.itemTie small i{width:45px;height:2px;background-color:#1ec2d2;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}

.f1Box{padding-bottom:55px;}
.f1BoxTab{text-align:center;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 80px 75px;overflow:hidden;}
.f1BoxTab span{text-align:left;line-height:30px;font-size:18px;color:#808080;display:inline-block;position:relative;padding:29px 0 29px 120px;}
.f1BoxTab span i{width:100px;height:116px;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f1BoxTab span i.ioc1{background:url(/style/images/pifuke/ioc_01.png) no-repeat;}
.f1BoxTab span i.ioc2{background:url(/style/images/pifuke/ioc_02.png) no-repeat;}
.f1BoxTab span i.ioc3{background:url(/style/images/pifuke/ioc_03.png) no-repeat;}
.f1BoxTab span em{font-size:24px;color:#333;display:block;}
.f1BoxDl{overflow:hidden;position: relative;}
.f1BoxDl dt{position:absolute;left: 0;top: 50%;transform: translateY(-50%);}
.f1BoxDl dt,.f1BoxDl dt img{width:588px;height:380px;}
.f1BoxDl dd{float:right;width:550px;padding-right: 15px;}
.f1BoxDl dd h3{line-height:30px;font-size:30px;color:#000;padding-bottom:15px;}
.f1BoxDl dd p{line-height:30px;font-size:18px;color:#797979;padding-bottom:12px;}

.f2Bg{}
.f2Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f2Box dl{width:564px;height:123px;border-radius:20px;box-shadow:#efefef 0 5px 10px;margin-bottom:34px;position:relative;border: #38b1b1 solid 1px;}
.f2Box dt{width:89px;line-height:30px;font-size:26px;color:#38b1b1;position:absolute;left:16px;top:50%;transform:translateY(-50%);padding:0 0 0 81px;border-right:#e2e2e2 solid 1px;}
.f2Box dt i{width:57px;height:57px;background:url(/style/images/pifuke/ioc_04.png) no-repeat;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f2Box dt i.ioc1{background-position:0 0;}
.f2Box dt i.ioc2{background-position:-61px 0;}
.f2Box dt i.ioc3{background-position:-122px 0;}
.f2Box dt i.ioc4{background-position:-183px 0;}
.f2Box dt i.ioc5{background-position:-244px 0;}
.f2Box dd{height:123px;padding-left:200px;display:block;display:grid;justify-content:left;align-items:Center;}
.f2Box dd a{line-height:31px;font-size:22px;color:#393939;display:inline-block;margin-right:65px;}
.f2Box dl:last-child{width:1200px;}
.f2Box dl.active{background-color:#38b1b1;}
.f2Box dl.active dt{color:#fff;}
.f2Box dl.active dd a{color:#fff;} 

.f3Box{width:1198px;margin:0 auto 75px;}
.f3Box ul{}
.f3Box li,.f3Box li img{width:1198px;height:500px;}
.f3Box a.prev-btn,.f3Box a.next-btn{width:28px;height:47px;background:url(/style/images/pifuke/btn_01.png) 0 0 no-repeat;display:block;position:absolute;top:50%;margin-top:-22px;transition:all .3s;}
.f3Box a.prev-btn{background-position:0 0;left:-109px;}
.f3Box a.next-btn{background-position:-32px 0;right:-109px;}
.f3Box a.prev-btn:hover{background-position:0 -53px;}
.f3Box a.next-btn:hover{background-position:-32px -53px;}

.f4Bg{background-color:#f9feff;}
.f4Box{padding:0 32px;overflow:hidden;}
.f4Box dl{background-color:#fff;overflow:hidden;margin-bottom:74px;}
.f4Box dt{float:right;}
.f4Box dt,.f4Box dt img{width:528px;height:379px;}
.f4Box dd{float:left;width:545px;padding-left:40px;}
.f4Box dd h3{position:relative;padding-top:95px;z-index:1;}
.f4Box dd h3 i{height:72px;background:url(/style/images/pifuke/ioc_06.png) no-repeat;display:block;position:absolute;left:0;top:35px;z-index:-1;}
.f4Box dd h3 i.ioc1{width:76px;background-position:0 0;}
.f4Box dd h3 i.ioc2{width:89px;background-position:-80px 0;}
.f4Box dd h3 i.ioc3{width:90px;background-position:-173px 0;}
.f4Box dd h3 i.ioc4{width:92px;background-position:-263px 0;}
.f4Box dd h3 span{line-height:42px;font-size:35px;font-weight:bold;color:#222;position:relative;padding-bottom:15px;display:block;}
.f4Box dd h3 span em{width:37px;height:1px;background-color:#3bc4cc;display:block;position:absolute;left:0;bottom:0;}
.f4Box dd p{line-height:34px;font-size:22px;color:#5e5e5e;}
.f4Box dd p span{line-height:40px;font-size:26px;color:#ff8a3c;display:block;}
.f4Box dl:nth-child(2n) dt{float:left;}
.f4Box dl:nth-child(2n) dd{float:right;padding-right:20px;padding-left:0;}
.f4BoxWap{display:none;}

.f5Bg{overflow:hidden;}
.f5Box{width:1200px;margin:0 auto;position:relative;}
.f5Box .bajs-easy-slider-container{width:1200px;overflow:visible;}
.f5Box ul{height:550px;overflow:hidden;}
.f5Box li{float:left;width:380px;margin-right:30px;}
.f5Box dl{position:relative;}
.f5Box dt{height:550px;overflow:hidden;}
.f5Box dt img{width:380px;/*! height:580px; */ display: block; transition:all .3s;}
.f5Box dt img:hover{-webkit-transform:scale(1.01);transform:scale(1.01);cursor:pointer;}
.f5Box dd{width:333px;height:102px;overflow: hidden;padding: 0 25px;text-align: left;background:#f7f7f7;position:absolute;bottom:0px;background:rgba(255,255,255,0.8);transition:all .3s;}
.f5Box dd h3{line-height:36px;font-size:30px;color:#22a8a9;padding:20px 0 20px;position: relative;}
.f5Box dd h3 a{color:#2cb5bd;}
.f5Box dd h3 small{font-size:18px;color:#2c221a;font-weight:normal;width: 353px;display:block;}
.f5Box dd h3 i{width:73px;height:73px;font-size:0;background:url(/style/images/index/tb.png) no-repeat;display:block;position:absolute;right:0;top:15px;transition:all .3s;}
.f5Box dd h3 em{font-size:16px;line-height:28px;padding-bottom:7px;}
.f5Box dd li{float:none !important;width:333px;font-size:16px;line-height:28px;padding-bottom:7px;}
.f5Box dd p{width:333px;font-size:16px;line-height:28px;padding-top:5px;}
.f5Box dd p span{font-size:18px;}
.f5Box dl:hover dd{height:463px;}
.f5Box dd:hover h3{padding-top:35px;}
.f5Box dl:hover dd h3 i{top:36px;}
.f5Box li.none{margin-right:0;}
.f5BoxBtn{width:100%;text-align:center;padding:73px 0 49px;display:block;overflow:hidden;}
.f5BoxBtn a{width:265px;height:70px;text-align:center;line-height:70px;font-size:26px;color:#fff;background-color:#21bbbd;border-radius:5px;display:inline-block;margin:0 111px;}
.f5BoxBtn a:nth-child(2){background-color:#ff994e;}
.f5BoxWap{display:none;}
.f6Box{padding:50px 0 66px;overflow:hidden;}
.f6BoxTab{text-align:center;border-bottom:#ededed solid 2px;margin:0 90px 79px;position:relative;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f6BoxTab span{line-height:58px;font-size:26px;color:#333;display:inline-block;padding:0 25px;}
.f6BoxTab span i{width:1px;height:24px;background-color:#ccc;display:block;position:absolute;left:25%;top:50%;transform:translateY(-50%);}
.f6BoxTab span:nth-child(2) i{left:50%;}
.f6BoxTab span:nth-child(3) i{left:75%;}
.f6BoxTab span.active{color:#0f757a;border-bottom:#0f757a solid 3px;}
.f6BoxCon{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.f6BoxCon span{float:left;display:block;margin-bottom:22px;}
.f6BoxCon span,.f6BoxSilder span img{width:387px;height:233px;}

@media only screen and (max-width: 750px){
	.container{max-width:750px;background-color:#f1fbfa;}
	.item{width:7rem;}
	.banner-layer{display:none;}
	.container .bannerWap{width:7.5rem;height:3.75rem;display:block;background: url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/style/ajax-loader.gif) no-repeat center; transition: height .3s;}
	.bannerWap,.bannerWap li img{width:7.5rem;height:3.75rem;}
	.bannerWap .bajs-easy-slider-pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.16rem;}
	.bannerWap .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#cdcdcd;border-radius:50%;display:inline-block;margin:0 .1rem;}
	.bannerWap .bajs-easy-slider-pagination a.active{background-color:#4390e3;}

	.item{width:7.1rem;margin:0 auto;}
	.itemTie{text-align:center;padding:.3rem 0 .4rem;}
	.itemTie span{line-height:.5rem;font-size:.42rem;color: #164243;}
	.itemTie small{line-height:.3rem;font-size:.2rem;text-transform: uppercase;}
	.itemTie small i{display:block;}
	
	.container section:nth-child(3),.f1Box{display:none;}
	
	.f2Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.f2Box dl{width:7rem;height:auto;border:#75dbda solid 1px;border-radius:.1rem;background-color: #fbffff;}
	.f2Box dt{width:1.6rem;text-align:center;line-height:0;font-size:0;left:.2rem;padding:1.11rem 0 0;border-right:0;position:absolute;left:0;top:50%;transform:translateY(-50%);}
	.f2Box dt i{width:.98rem;height:.98rem;background:url(/style/images/pifuke/ioc_41.png) no-repeat;background-size: 5.06rem .98rem;left:50%;transform:translate(-50%,0);top:0;}
	.f2Box dt i.ioc1{background-position:0 0;}
	.f2Box dt i.ioc2{background-position:-1.02rem 0;}
	.f2Box dt i.ioc3{background-position:-2.04rem 0;}
	.f2Box dt i.ioc4{background-position:-3.06rem 0;}
	.f2Box dt i.ioc5{background-position:-4.08rem 0;}
	.f2Box dt:after{line-height:.24rem;font-size:.24rem;content:'ðî´¯×¨Çø';display:block;}
	.f2Box dd{padding:.35rem 0 .36rem 1.6rem;height: auto;}
	.f2Box dd a{width:1.42rem;height:.44rem;text-align:center;line-height:.44rem;font-size:.24rem;color:#2a8786;border:#d8f1f1 solid 1px;background-color:#fff;border-radius:.1rem;margin-bottom:.2rem;margin-right:.2rem;}
	.f2Box dl:last-child{width:1200px;}
	.f2Box dl:nth-child(1) dd a,.f2Box dl:nth-child(4) dd a{width:2.2rem;}
	.f2Box dl:nth-child(2) dd a:last-child{width:3.02rem;}
	.f2Box dl:nth-child(3) dd a{width:4.62rem;}
	.f2Box dl:nth-child(5) dd a:nth-child(5){width:3.02rem;}
	.f2Box dl:nth-child(5) dd a:nth-child(6){width:4.62rem;}
	.f2Box dl.active{background-color:#fbffff;}
	.f2Box dl.active dt{color:#38b1b1;}
	.f2Box dl.active dd a{color:#2a8786;} 

	.container section:nth-child(5),.f3Box{display:none;}
	
	
	
	.f3Box{width:7rem;margin:0 auto;}
	.f3Box li,.f3Box li img{width:7rem;height:auto;}
	.f3Box a.prev-btn,.f3Box a.next-btn{width:.28rem;height:.47rem;background:url(/style/images/pifuke/btn_01.png) 0 0 no-repeat;background-size: .6rem 1rem;position:absolute;top:50%;margin-top:-.23rem;transition:all .3s;}
	.f3Box a.prev-btn{background-position:0 0;left:.1rem;}
	.f3Box a.next-btn{background-position:-.32rem 0;right:.1rem;}
	.f3Box a.prev-btn:hover{background-position:0 -.53rem;}
	.f3Box a.next-btn:hover{background-position:-.32rem -.53rem;}
	
	.f4Bg{background:transparent;}
	.f4Box{display:none;}
	.f4BoxWap{display:block;}
	.f4BoxWap ul,.f4BoxWap li{height:3.5rem;overflow:hidden;}
	.f4BoxWap dl{width:7.10rem;height:3.5rem;background-color: #fff;border-radius:.1rem;position:relative;}
	.f4BoxWap dt{border-radius:50%;overflow:hidden;position:absolute;left:.36rem;top:.36rem;}
	.f4BoxWap dt,.f4BoxWap dt img{width:1.24rem;height:1.24rem;}
	.f4BoxWap dd{padding:0 .35rem;}
	.f4BoxWap dd h3{padding:.6rem 0 .18rem 1.45rem;}
	.f4BoxWap dd h3 span{line-height:.44rem;font-size:.3rem;color:#2eaaa9;font-weight:bold;display:block;}
	.f4BoxWap dd h3 em{line-height:.35rem;font-size:.24rem;color:#ff8a3c;border-bottom:#ece3da solid 1px;display:block;padding-bottom:.18rem;}
	.f4BoxWap dd h3 i{width:1.8rem;height:1.41rem;display:block;position:absolute;right:0;top:.25rem;}
	.f4BoxWap dd h3 i.ioc1{background:url(/style/images/pifuke/wap_01.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd h3 i.ioc2{background:url(/style/images/pifuke/wap_02.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd h3 i.ioc3{background:url(/style/images/pifuke/wap_03.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd h3 i.ioc4{background:url(/style/images/pifuke/wap_04.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd p{line-height:.38rem;font-size:.22rem;color:#333;}
	.f4BoxWap .bajs-easy-slider-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.29rem;}
	.f4BoxWap .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#eee;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f4BoxWap .bajs-easy-slider-pagination a.active{background-color:#31b5b5;}
	
	.f5Box dl{width:7rem;}
	.f5Box dt,.f5Box dt img{width:3rem;height:auto;}
	.f5Box dt i.ioc{width:.92rem;height:.92rem;background-size:.92rem .92rem;right:.28rem;bottom:0.3rem;}
	.f5Box dd{width:3.7rem;}
	.f5Box dd h3{line-height:.5rem;font-size:.4rem;padding-top:0;}
	.f5Box dd h3 em{display:none;}
	.f5Box dd h3 small{font-size:.28rem;display:inline-block;padding-left: .1rem;}
	.f5Box dd li{width:3.55rem;height:.34rem;line-height:.34rem;font-size:.24rem;overflow:hidden;padding-left:.15rem;margin-bottom:.1rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
	.f5Box dd li i{font-size:.18rem;}
	.f5Box dd p{height:1.96rem;line-height:.4rem;font-size:.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.f5Box dd p span{line-height:.36rem;font-size:.28rem;padding-left:.4rem;}
	.f5Box dd p span i{width:.34rem;height:.4rem;background-size:100% 100%;}
	.f5BoxBtn{text-align:center;padding:.7rem 0 .5rem;display:block;}
	.f5BoxBtn a{width:2.65rem;height:.7rem;text-align:center;line-height:.7rem;font-size:.28rem;border-radius:.1rem;display:inline-block;margin:0 .1rem;}
	
	.f5Box,.f5BoxBtn{display:none;}
	.f5BoxWap{width:6.8rem;background-color:#fff;border-radius:.2rem;display:block;}
	.f5BoxWap ul{height:7.5rem;overflow:hidden;}
	.f5BoxWap li{float:left;width:6.8rem;height:7.5rem;}
	.f5BoxWap dl{padding:.3rem 0 .34rem .32rem;overflow:hidden;}
	.f5BoxWap dt{float:left;width:2.43rem;}
	.f5BoxWap dt img{width:100%;}
	.f5BoxWap dd{float:right;width:3.6rem;}
	.f5BoxWap dd h3{line-height:.62rem;font-size:.36rem;color:#bb9065;}
	.f5BoxWap dd h3 a{color:#2eaaa9;}
	.f5BoxWap dd h3 small{font-size:.24rem;color:#747474;font-weight:normal;padding-left:.2rem;}
	.f5BoxWap dd li,.f5BoxWap dd p{float:none !important;width:3.4rem;line-height:.34rem;font-size:.24rem;color:#2d2d2d;padding-right: .2rem;}
	.f5BoxWap p.txt{width:5.67rem;text-indent:3.5em;line-height:.36rem;font-size:.24rem;color:#2d2d2d;background-color:#f1fbfa;padding:.16rem .22rem .12rem;margin:0 auto;position:relative;border-radius:.1rem;}
	.f5BoxWap p.txt span{width:.77rem;height:.35rem;text-align:center;line-height:.35rem;text-indent:0;font-size:.24rem;color:#fff;display:block;background-color:#2eaaa9;border-radius:.1rem;position:absolute;left:.22rem;top:.16rem;}
	.f5BoxWap span.btn{text-align:center;padding:.43rem 0 .8rem;display:block;}
	.f5BoxWap span.btn a{width:2.65rem;height:.7rem;text-align:center;line-height:.7rem;font-size:.28rem;color:#fff;background-color:#ff9900;border-radius:.1rem;display:inline-block;margin:0 .1rem;}
	.f5BoxWap span.btn a:nth-child(2){background-color:#2eaaa9;}
	.f5BoxWap .bajs-easy-slider-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.29rem;}
	.f5BoxWap .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#eee;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f5BoxWap .bajs-easy-slider-pagination a.active{background-color:#31b5b5;}
	
	
	.f6BoxTab{margin:0 0 .4rem;}
	.f6BoxTab span{line-height:.5rem;font-size:.28rem;padding:0 .25rem;}
	.f6BoxCon span{line-height:0;margin-bottom:.15rem;}
	.f6BoxCon span,.f6BoxSilder span img{width:2.25rem;height:auto;}
}