@charset "utf-8";
/*
* title:博爱曙光口腔科牙齿美白页面
* Author:luochou
* Date:2024.3.14
*/
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}
.container img{max-width:100%;display:block;}
.bannerWAP{display:none;}
.banner{width:100%;height:800px;background:url(/style/images/zt/xlck/banner.jpg) no-repeat center top;overflow:hidden;}
.banner a{height:800px;display:block;}
.item{width:1200px;margin:0 auto;}

.itemTie{text-align:center;}
.itemTie span{line-height:254px;font-size:59px;color:#178a9b;font-weight:bold;display:block;position:relative;padding-bottom:5px;}
.itemTie span i{width:299px;height:56px;background: url(/style/images/zt/xlck/tie_01.png) no-repeat;display: block;position: absolute;left: 50%;margin-left: -150px;bottom: 0;}
.itemTie small{line-height:40px;font-size:32px;color:#5e5e5e;font-weight:normal;display:block;position:relative;padding:40px 0 60px;}
.itemTie small i{width:32px;height:40px;background: url(/style/images/zt/xlck/tie_02.png) no-repeat;display: block;position: absolute;left: 50%;margin-left: -16px;bottom: 0;}

/*f1Box*/
.f1Box{padding:39px 0 100px;}
.f1BoxList{overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f1BoxList dl{float:left;width:370px;background-color:#f6f5f5;padding:25px 0 0;border-radius:20px;margin-bottom:44px;}
.f1BoxList dt{margin:0 auto;}
.f1BoxList dt,.f1BoxList dt img{width:323px;height: 190px;}
.f1BoxList dd{line-height:33px;text-align:center;font-size:22px;color:#333;padding: 13px 0 15px;}
.f1BoxList dd span{width:251px;height:69px;text-align:center;line-height:69px;font-size:36px;color:#fff;background-color:#178a9b;display:block;border-radius:.5rem;margin:0 auto 10px;;}
.f1Box p.txt{line-height:44px;font-size:24px;color:#333;margin-bottom: 80px;}
.f1Box a.btn{display:block;margin:0 auto;position:relative;}
.f1Box a.btn,.f1Box a.btn img{width:607px;height:107px;display:block;}
.f1Box a.btn i{width:148px;height:148px;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f2Bg{background-color:#e7f3f5;}
.f2Box{padding:20px 0 150px;}
.f2Box p.txt{line-height: 44px;font-size: 24px;color: #333;margin-bottom:50px;}
.f2Img{margin:0 auto 110px;}
.f2Img,.f2Img img{width:978px;height:438px;}
.f2Box a.btn{display:block;margin:0 auto;position:relative;}
.f2Box a.btn,.f2Box a.btn img{width:607px;height:107px;display:block;}
.f2Box a.btn i{width:148px;height:148px;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f3Box{padding-bottom:140px;}
.f3Img{margin:0 auto 60px;}
.f3Img,.f3Img img{width:1092px;height:842px;}
.f3Box a.btn{display:block;margin:0 auto;position:relative;}
.f3Box a.btn,.f3Box a.btn img{width:607px;height:107px;display:block;}
.f3Box a.btn i{width:154px;height:154px;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f4Bg{background-color:#e7f3f5;}
.f4Box{padding:40px 0 140px;}
.f4Box p.txt{line-height:44px;font-size:24px;color:#333;padding-bottom:60px;}
.f4BoxList{padding-bottom:70px;overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f4BoxList dl{float:left;width:265px;padding-top:108px;position:relative;}
.f4BoxList dt{position:absolute;left:50%;margin-left:-115px;top:0;}
.f4BoxList dt,.f4BoxList dt img{width:231px;height:230px;}
.f4BoxList dd{height:157px;background-color:#f6f6f6;padding-top:145px;border-radius: 10px;}
.f4BoxList dd span{width:248px;height:50px;text-align:center;line-height:50px;font-size:36px;color:#fff;background-color:#178a9b;border-radius:50px;display:block;margin:0 auto 10px;}
.f4BoxList dd em{line-height:32px;text-align:center;font-size:24px;color:#333;display:block;padding:0 20px;}

.f4Bg a.btn{display:block;margin:0 auto;position:relative;}
.f4Bg a.btn,.f4Bg a.btn img{width:607px;height:107px;display:block;}
.f4Bg a.btn i{width:154px;height:154px;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f5Box{padding:16px 0 100px;}
.f5Box dl{width:1200px;position:relative;margin-bottom: 80px;}
.f5Box dt{}
.f5Box dd{position:relative;padding:0 29px 18px 22px;z-index:1;}
.f5Box dd,.f5Box dd img{width:1149px;height:556px;border-radius:20px}
.f5Box dd i{width:1200px;height:360px;background-color:#178a9b;display:block;position:absolute;left:0;bottom:0;z-index:-1;border-radius:0 0 20px 20px;}
.f5Box a.btn{display:block;margin:0 auto;position:relative;}
.f5Box a.btn,.f5Box a.btn img{width:607px;height:107px;display:block;}
.f5Box a.btn i{width:154px;height:154px;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;} 
.pulse{animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;}
@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;}
	.container .tit{height:1.2rem;font-size:.4rem;line-height:1.2rem;}
	.container .tit span{font-size:1rem;}
	.item{width:auto;padding:0 .2rem;}
	
	.itemTie span{line-height:2rem;font-size:.4rem;padding-bottom:.1rem;}
	.itemTie span i{width:2.99rem;height:.56rem;background: url(/style/images/zt/xlck/tie_01.png) no-repeat;background-size: 100% auto;margin-left: 0;bottom: 0;transform: translateX(-50%);}
	.itemTie small{line-height:.4rem;font-size:.3rem;padding:.1rem 0 .5rem;}
	.itemTie small i{width:.32rem;height:.4rem;background: url(/style/images/zt/xlck/tie_02.png) no-repeat;background-size: 100% 100%;margin-left: 0;bottom: 0;transform: translateX(-50%);}

	

	.banner{display:none;}
	.bannerWAP{display:block;}
        
	/*f1Box*/
	.f1Box{padding:.3rem 0 .5rem;}
	.f1BoxList{overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.f1BoxList dl{width:3.45rem;padding:.15rem 0 0;border-radius:.2rem;margin-bottom:.2rem;}
	.f1BoxList dt{margin:0 auto;}
	.f1BoxList dt,.f1BoxList dt img{width:3.2rem;height: auto;}
	.f1BoxList dd{line-height:.5rem;font-size:.24rem;}
	.f1BoxList dd span{width:2.5rem;height:.65rem;line-height:.65rem;font-size:.35rem;border-radius:.5rem;margin:0 auto .1rem;;}
	.f1Box p.txt{line-height:.44rem;font-size:.24rem;margin-bottom: .3rem;}
        .f1Box a.btn,.f1Box a.btn img{width:4rem;height:auto;}
	.f1Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f2Box{padding:.1rem 0 .5rem;}
	.f2Box p.txt{line-height: .44rem;font-size: .24rem;margin-bottom:.3rem;}
	.f2Img{margin:0 auto .3rem;}
	.f2Img,.f2Img img{width:auto;height:auto;}
	.f2Box a.btn,.f2Box a.btn img{width:4rem;height:auto;}
	.f2Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f3Box{padding-bottom:.5rem;}
	.f3Img{margin:0 auto .3rem;}
	.f3Img,.f3Img img{width:auto;height:auto;}
        .f3Box a.btn,.f3Box a.btn img{width:5rem;height:auto;}
	.f3Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f4Box{padding:.2rem 0 .5rem;}
	.f4Box p.txt{line-height:.44rem;font-size:.24rem;padding-bottom:.3rem;}
	.f4BoxList{padding-bottom:.1rem;}
	.f4BoxList dl{width:3.4rem;padding-top:1.08rem;margin-bottom: .3rem;}
	.f4BoxList dt{position:absolute;left:50%;margin-left:0;top:0;transform: translateX(-50%);}
	.f4BoxList dt,.f4BoxList dt img{width:2.31rem;height:2.3rem;}
	.f4BoxList dd{height:auto;border-radius: .1rem;padding: 1.45rem 0 .3rem;}
	.f4BoxList dd span{width:2.48rem;height:.5rem;line-height:.5rem;font-size:.36rem;border-radius:.5rem;margin:0 auto .1rem;}
	.f4BoxList dd em{line-height:.32rem;font-size:.224rem;padding:0 .2rem;}
	.f4Bg a.btn,.f4Bg a.btn img{width:5rem;height:auto;}
	.f4Bg a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f5Box{padding-bottom:.5rem;}
	.f5Box dl{width:auto;margin-bottom: .3rem;}
	.f5Box dt{line-height:.4rem;font-size:.3rem;padding-bottom:.3rem;}
	.f5Box dd{padding:0 .2rem .18rem .2rem;}
	.f5Box dd,.f5Box dd img{width:auto;height:auto;border-radius:.2rem;}
	.f5Box dd i{width:100%;height:2.3rem;border-radius:0 0 .2rem .2rem;}
	.f5Box a.btn,.f5Box a.btn img{width:3.5rem;height:auto;}
	.f5Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/xlck/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
}