@charset "UTF-8";
/**
 * @Site 博爱品牌官网
 * @authors pengxing
 * @date    2022.11.21
 */
.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;}

.project{background-color:#0f757a;}
.projectBar{width:1200px;margin:0 auto;position:relative;}
.projectBar ul{text-align:center;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;margin:0 43px;}
.projectBar li{width:152px;}
.projectBar a{height:67px;line-height:67px;text-align:center;font-size:20px;color:#ffff;padding-top:83px;display:block;position:relative;transition: all .3s;}
.projectBar a i{background:url(/style/images/fuke/ioc_05.png) no-repeat;display:block;position:absolute;left:50%;transform:translateX(-50%);}
.projectBar a i.ioc1{width:45px;height:44px;background-position:0 0;top:35px;}
.projectBar a i.ioc2{width:34px;height:60px;background-position:-49px 0;top:31px;}
.projectBar a i.ioc3{width:74px;height:53px;background-position:-87px 0;top:35px;}
.projectBar a i.ioc4{width:41px;height:55px;background-position:-165px 0;top:32px;}
.projectBar a i.ioc5{width:49px;height:54px;background-position:-210px 0;top:35px;}
.projectBar li em{width:1px;height:80px;background-color:#148f93;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.projectBar li:nth-child(1) em{left:20%;}
.projectBar li:nth-child(2) em{left:40%;}
.projectBar li:nth-child(3) em{left:60%;}
.projectBar li:nth-child(4) em{left:80%;}
.projectBar li:last-child em{display:none;}
.projectBar a:hover{background-color:#22a8a9;}

.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;padding:65px 0 70px;}
.itemTie span{line-height:30px;font-size:30px;color:#164243;display:block;}
.itemTie small{line-height:35px;font-size:12px;color:#c9c9ca;text-transform:uppercase;font-weight:normal;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/fuke/ioc_01.png) no-repeat;}
.f1BoxTab span i.ioc2{background:url(/style/images/fuke/ioc_02.png) no-repeat;}
.f1BoxTab span i.ioc3{background:url(/style/images/fuke/ioc_03.png) no-repeat;}
.f1BoxTab span em{line-height:30px;font-size:26px;color:#333;display:block;}
.f1BoxDl{overflow:hidden;position: relative;}
.f1BoxDl dt{position:absolute;left: 0;top: 0;}
.f1BoxDl dt,.f1BoxDl dt img{width:588px;height:380px;}
.f1BoxDl dd{float:right;width:550px;height:380px;padding-right: 15px;overflow-y: auto;overflow-x: hidden;}
.f1BoxDl dd h3{line-height:30px;font-size:24px;color:#000;padding-bottom:15px;}
.f1BoxDl dd p{line-height:30px;font-size:18px;color:#797979;padding-bottom:12px;}

.f2Bg{background-color:#f6fcfe;}
.f2Box{overflow:hidden;}
.f2Box ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;justify-content:space-around;}
.f2Box li{width:222px;height:222px;background-color:#fff;border-radius:20px;margin-bottom:44px;overflow:hidden;}
.f2Box li a{height:77px;line-height:22px;text-align:center;font-size:20px;color:#000;display:block;position:relative;padding-top:145px;}
.f2Box li i{background:url(/style/images/fuke/ioc_04.png) no-repeat;display:block;position:absolute;left:50%;transform:translateX(-50%);transition:all .3s;}
.f2Box li i.ioc1{width:63px;height:72px;background-position:0 0;top:60px;}
.f2Box li i.ioc2{width:94px;height:66px;background-position:-67px 0;top:63px;}
.f2Box li i.ioc3{width:58px;height:66px;background-position:-165px 0;top:61px;}
.f2Box li i.ioc4{width:77px;height:58px;background-position:-227px 0;top:66px;}
.f2Box li i.ioc5{width:85px;height:79px;background-position:-308px 0;top:32px;}
.f2Box li i.ioc6{width:67px;height:71px;background-position:-397px 0;top:36px;}
.f2Box li i.ioc7{width:74px;height:79px;background-position:-468px 0;top:32px;}
.f2Box li i.ioc8{width:72px;height:73px;background-position:-546px 0;top:35px;}
.f2Box li i.ioc9{width:63px;height:79px;background-position:-622px 0;top:35px;}
.f2Box li i.ioc10{width:67px;height:79px;background-position:-689px 0;top:35px;}

.f2Box li a:hover{color:#fff;background-color:#4dc4c0;}
.f2Box li a:hover i.ioc1{background-position:0 -83px;}
.f2Box li a:hover i.ioc2{background-position:-67px -83px;}
.f2Box li a:hover i.ioc3{background-position:-165px -83px;}
.f2Box li a:hover i.ioc4{background-position:-227px -83px;}
.f2Box li a:hover i.ioc5{background-position:-308px -83px;}
.f2Box li a:hover i.ioc6{background-position:-397px -83px;}
.f2Box li a:hover i.ioc7{background-position:-468px -83px;}
.f2Box li a:hover i.ioc8{background-position:-546px -83px;}
.f2Box li a:hover i.ioc9{background-position:-622px -83px;}
.f2Box li a:hover i.ioc10{background-position:-689px -83px;}







.f3Box{width:979px;margin:0 auto 75px;}
.f3Box ul{}
.f3Box li,.f3Box li img{width:979px;height:530px;}
.f3Box a.prev-btn,.f3Box a.next-btn{width:28px;height:47px;background:url(/style/images/fuke/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:#f6fcfe;overflow:hidden;}
.f4Box{padding:0 0;overflow:hidden;}
.f4Box .bajs-easy-slider-container{width:1200px;overflow:visible;}
.f4Box li{float:left;width:380px;margin-right: 30px;}
.f4Box dl{position:relative;}
.f4Box dt{height:550px;overflow:hidden;}
.f4Box dt img{width:380px;/*! height:580px; */ display: block; transition:all .3s;}
.f4Box dt img:hover{-webkit-transform:scale(1.01);transform:scale(1.01);cursor:pointer;}
.f4Box 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;}
.f4Box dd h3{line-height:36px;font-size:30px;color:#22a8a9;padding:20px 0 20px;position: relative;}
.f4Box dd h3 a{color:#2cb5bd;}
.f4Box dd h3 small{font-size:18px;color:#2c221a;font-weight:normal;width: 353px;display:block;}
.f4Box dd h3 i{width:73px;height:73px;background:url(/style/images/index/tb.png) no-repeat;display:block;position:absolute;right:0;top:15px;transition:all .3s;}
.f4Box dd li{float:none !important;width:333px;font-size:16px;line-height:28px;padding-bottom:7px;}
.f4Box dd p{width:333px;font-size:16px;line-height:28px;padding-top:5px;}
.f4Box dd p span{font-size:18px;}
.f4Box dl:hover dd{height:463px;}
.f4Box dd:hover h3{padding-top:35px;}
.f4Box dl:hover dd h3 i{top:36px;}
.f4Box a.prev-btn,.f4Box a.next-btn{width:60px;height:60px;display:block;position:absolute;left:50%;top:50%;margin-top:-30px;transition:all .3s;}
.f4Box a.prev-btn{background:url(/style/images/index/left.png) no-repeat;margin-left:-600px;}
.f4Box a.next-btn{background:url(/style/images/index/right.png) no-repeat;margin-left:540px;}

.f4Con{padding:50px 0 50px 45px;position:relative;overflow: hidden;}
.f4Con ul{width:1200px;margin:0 auto;text-align:center;line-height:0;}
.f4Con li{height:34px;line-height:20px;text-align:left;font-size:18px;color:#000;display:inline-block;position:relative;margin:0 80px;vertical-align:top;}
.f4Con li b{line-height:50px;font-size:40px;color:#ff7900;font-weight:bold;position:absolute;right:110%;top:50%;margin-top:-25px;display:inline-block;}
.f4Con li b em{font-size:24px;}
.f4Con li i{width:1px;height:43px;background-color:#b5b5b5;display:block;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:80px;}
.f4Con li:last-child i{display:none;}
.f4BoxBot{display:none;}
.f4BoxWap{display:none;}
.f5BoxTab{text-align:center;padding-bottom:45px;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f5BoxTab span{line-height:43px;font-size:20px;color:#757575;display:inline-block;padding:0 17px;border-radius:50px;}
.f5BoxTab span.active{color:#1e8d8e;background-color:#edfcfc;}
.f5BoxSilder{padding-bottom: 60px;overflow: hidden;}
.f5BoxSilder ul{/*! height:467px; */overflow:hidden;}
.f5BoxSilder dl{background-color:#22a8a9;overflow:hidden;position:relative;}
.f5BoxSilder dt{float:left;position:relative;}
.f5BoxSilder dt,.f5BoxSilder dt img{width:720px;height:467px;}
.f5BoxSilder dt:after{width:0;height:0;content:' ';border-right:#22a8a9 solid 22px;border-top:transparent solid 13px;border-bottom:transparent solid 13px;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.f5BoxSilder dd{float:left;width:380px;padding-left:50px;}
.f5BoxSilder dd h3{width:340px;line-height:94px;font-size:20px;font-weight:bold;color:#fff;border-bottom:#56d4db solid 1px;position:relative;padding-top:80px;margin-bottom:40px;}
.f5BoxSilder dd h3 i{width:60px;height:5px;background-color:#fff;display:block;position:absolute;left:0;bottom:0;}
.f5BoxSilder dd h3 small{line-height:36px;font-size:24px;text-transform:uppercase;display:block;position:absolute;left:0;top:60px;opacity: .1;}
.f5BoxSilder dd li{float:none !important;line-height:44px;font-size:23px;color:#fff;position:relative;}
.f5BoxSilder dd p{line-height:32px;font-size:18px;color:#ffffff;}
.f5BoxSilder .bajs-easy-slider-pagination{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:#f4fafa;}
	.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:6.7rem;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:none;}
	
	.project{height:auto;padding:.52rem .39rem 0;background: none;}
	.projectBar{width:100%;background-color:#fff;border-radius:.1rem;}
	.projectBar ul{padding:.25rem 0 .25rem .2rem;margin: 0;display: block;overflow: hidden;}
	.projectBar li{width:2.1rem;border-bottom:#eee solid 1px;border-right:#eee solid 1px;box-sizing: border-box;float: left;}
	.projectBar li:nth-child(3n){border-right:0;}
	.projectBar li:nth-last-of-type(1),.projectBar li:nth-last-of-type(2){border-bottom:0;}
	.projectBar a{width:100%;height:.76rem;line-height:.76rem;font-size:.24rem;color:#333;padding-top:.75rem;}
	.projectBar a i{background:url(/style/images/fuke/ioc_51.png) no-repeat;background-size:3.37rem .8rem;position:absolute;left:50%;transform: translateX(-50%);}
	.projectBar a i.ioc1{width:.68rem;height:.67rem;background-position:0 0;top:.1rem;}
	.projectBar a i.ioc2{width:.52rem;height:.80rem;background-position:-.72rem 0;top:.1rem;}
	.projectBar a i.ioc3{width:.88rem;height:.63rem;background-position:-1.28rem 0;top:.1rem;}
	.projectBar a i.ioc4{width:.51rem;height:.69rem;background-position:-2.20rem 0;top:.25rem;}
	.projectBar a i.ioc5{width:.62rem;height:.68rem;background-position:-2.75rem 0;top:.18rem;}
	.projectBar a:hover{background-color:initial;}
	.projectBar li em{display:none;}
	
	.container section:nth-child(4),.f1Box{display:none;}
	
	.f2Bg{background:transparent;}
	.f2Box{background-color:#fff;border-radius:.1rem;padding:.39rem 0 .13rem;}
	.f2Box ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;justify-content:start;}
	.f2Box li{width:1.6rem;height:auto;padding:0 0 .26rem;position:relative;margin-bottom: 0;}
	.f2Box li a{text-align:center;height:.65rem;line-height:.28rem;font-size:.24rem;color:#333;padding-top:1.1rem;overflow:hidden;}
/* 	.f2Box li a:after{width:100%;text-align:center;height:.56rem;line-height:.28rem;font-size:.24rem;color:#333;display:block;position:absolute;left:0;bottom:0;} */
/* 	.f2Box ul:nth-child(1) li:nth-child(1) a:after{content:'不孕不育';}
	.f2Box ul:nth-child(1) li:nth-child(2) a:after{content:'宫颈疾病';}
	.f2Box ul:nth-child(1) li:nth-child(3) a:after{content:'生殖内分泌及月经病';}
	.f2Box ul:nth-child(1) li:nth-child(4) a:after{content:'复发性流产及保胎';}
	.f2Box ul:nth-child(2) li:nth-child(1) a:after{content:'妇科肿瘤';}
	.f2Box ul:nth-child(2) li:nth-child(2) a:after{content:'盆底康复';}
	.f2Box ul:nth-child(2) li:nth-child(3) a:after{content:'私密整形修复';}
	.f2Box ul:nth-child(2) li:nth-child(4) a:after{content:'月经健康保健';} */
	.f2Box li i{width:1.04rem !important;height:1.04rem !important;background:url(/style/images/fuke/ioc_41.png) no-repeat;background-size:13rem 1.04rem;top:0.01rem !important;}
	.f2Box li i.ioc1{background-position:0 0;}
	.f2Box li i.ioc2{background-position:-1.08rem 0;}
	.f2Box li i.ioc3{background-position:-2.16rem 0;}
	.f2Box li i.ioc4{background-position:-3.24rem 0;}
	.f2Box li i.ioc5{background-position:-4.32rem 0;}
	.f2Box li i.ioc6{background-position:-5.4rem 0;}
	.f2Box li i.ioc7{background-position:-6.48rem 0;}
	.f2Box li i.ioc8{background-position:-7.56rem 0;}
	.f2Box li i.ioc9{background-position:-8.64rem 0;}
	.f2Box li i.ioc10{background-position:-9.72rem 0;}
	
	.f2Box li a:hover{background-color:transparent;}
	.f2Box li a:hover i.ioc1{background-position:0 0;}
	.f2Box li a:hover i.ioc2{background-position:-1.08rem 0;}
	.f2Box li a:hover i.ioc3{background-position:-2.16rem 0;}
	.f2Box li a:hover i.ioc4{background-position:-3.24rem 0;}
	.f2Box li a:hover i.ioc5{background-position:-4.32rem 0;}
	.f2Box li a:hover i.ioc6{background-position:-5.4rem 0;}
	.f2Box li a:hover i.ioc7{background-position:-6.48rem 0;}
	.f2Box li a:hover i.ioc8{background-position:-7.56rem 0;}
	.f2Box li a:hover i.ioc9{background-position:-8.64rem 0;}
	.f2Box li a:hover i.ioc10{background-position:-9.72rem 0;}
	
	
	
    .f4Bg{padding-bottom:.61rem;background: transparent;}
	.f4Box,.f4Con{display:none;}
	.f4BoxWap{width:6.8rem;background-color:#fff;border-radius:.2rem;display:block;}
	.f4BoxWap ul{height:7.5rem;overflow:hidden;}
	.f4BoxWap li{float:left;width:6.8rem;height:7.5rem;}
	.f4BoxWap dl{padding:.3rem 0 .24rem .32rem;overflow:hidden;}
	.f4BoxWap dt{float:left;width:2.43rem;}
	.f4BoxWap dt img{width:100%;}
	.f4BoxWap dd{float:right;width:3.6rem;}
	.f4BoxWap dd h3{line-height:.62rem;font-size:.36rem;color:#bb9065;}
	.f4BoxWap dd h3 a{color:#2eaaa9;}
	.f4BoxWap dd h3 small{font-size:.24rem;color:#747474;font-weight:normal;padding-left:.2rem;}
	.f4BoxWap dd li,.f4BoxWap dd p{float:none !important;width:3.4rem;height:2rem;line-height:.34rem;font-size:.24rem;color:#2d2d2d;padding-right: .2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
	.f4BoxWap dd p br{line-height:0;}
	.f4BoxWap dd li{}
	.f4BoxWap 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;}
	.f4BoxWap 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;}
	.f4BoxWap span.btn{text-align:center;padding:.43rem 0 .8rem;display:block;}
	.f4BoxWap 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;}
	.f4BoxWap span.btn a:nth-child(2){background-color:#2eaaa9;}
	.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;}
	
	.f5BoxTab{display:none;}
	.f5Box{padding-bottom:0;}
	.f5BoxSilder{background-color:#fff;border-radius:.1rem;margin-bottom:0;padding-bottom:0;}
	.f5BoxSilder ul{height:8rem;overflow:hidden;}
	.f5BoxSilder li{width:6.8rem;}
	.f5BoxSilder dl{border-radius:.1rem;background:transparent; overflow:hidden;}
	.f5BoxSilder dt{float:none;line-height: 0;border-radius:.1rem;overflow:hidden;margin:.28rem auto 0;}
	.f5BoxSilder dt,.f5BoxSilder dt img{width:6.06rem;height:auto;}
	.f5BoxSilder dt:after{display:none;}
	.f5BoxSilder dd{width:auto;margin: 0 auto;padding: 0 .5rem;float: none;}
	.f5BoxSilder dd h3{width:4.3rem;text-align:center;line-height:.55rem;font-size:.36rem;color:#2eaaa9;padding:.26rem 0 0;margin:0 auto .13rem;border-bottom: #ece3da solid 1px;}
	.f5BoxSilder dd h3 span{line-height:.8rem;font-size:.36rem;display:block;}
	.f5BoxSilder dd h3 i{width:.35rem;height:.03rem;background-color:#2eaaa9;display:block;position:absolute;left:50%;bottom:0;transform: translate(-50%,50%);}
	.f5BoxSilder dd h3 small{display:none;}
	.f5BoxSilder dd li{float:none !important;line-height:.5rem;font-size:.28rem;}
	.f5BoxSilder dd p{text-align:center;line-height:.4rem;font-size:.24rem;color:#333;}
	.f5BoxSilder .bajs-easy-slider-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.24rem;}
	.f5BoxSilder .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#eee;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f5BoxSilder .bajs-easy-slider-pagination a.active{background-color:#31b5b5;}
	
}