@charset "utf-8";
/*
* title:博爱曙光口腔科美牙修复页面
* Author:luochou
* Date:2024.3.14
*/
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}
.bgColor{background-color:#edf8ff;}
.container img{max-width:100%;display:block;}
.container .tit{height:120px;color:#444344;font-size:50px;font-weight:normal;line-height:120px;text-align:center;}
.container .tit span{color:#2fbcea;font-size:140px;font-style:italic;}
.container .tit b{font-weight:bold;}
.bannerWAP{display:none;}
.banner{width:100%;height:800px;background:url(/style/images/zt/myxf/banner.jpg) no-repeat center top;overflow:hidden;}
.banner a{height:800px;display:block;}
.item{width:1200px;margin:0 auto;}
/*f1Box*/
.f1Box{padding:40px 0 80px;}
.f1Box h2 .imgWAP{display:none;}
.f1Box ul{padding-top:108px;overflow:hidden;}
.f1Box li{float:left;position:relative;width:360px;height:240px;padding:0 10px;margin-right:27px;margin-bottom:80px;border:1px dashed #51bcfa;}
.f1Box li.mr0{margin-right:0;}
.f1Box li .pic{margin-top:-22px;}
.f1Box li .desc{position:absolute;left:0;bottom:-26px;width:100%;height:52px;text-align:center;}
.f1Box li .desc span{height:52px;display:inline-block;padding:0 30px;background-color:#51bcfa;border-radius:26px;color:#fff;font-size:24px;line-height:52px;}
.f1Box .txt{padding:0 330px;color:#333;font-size:18px;line-height:32px;text-align:center;}
.f1Box .btn{width:288px;height:60px;display:block;margin:30px auto 0;background-color:#ffbb4c;border-radius:35px;color:#fff;font-size:24px;text-align:center;line-height:60px;transition:all .3s;}
.f1Box .btn:hover{background-color:#fe821d;}
/*f2Box*/
.f2Box{padding:60px 0;}
.f2Box h2{margin-bottom:50px;}
.f2Box h2 .imgWAP{display:none;}
.f2Info{overflow:hidden;}
.f2Info .imgBox{float:left;width:570px;}
.f2Info .desc{float:right;width:600px;}
.f2Info .desc h3{height:44px;margin-bottom:20px;color:#51bcfa;font-size:30px;line-height:30px;border-bottom:3px solid #9fdafc;}
.f2Info .desc p{color:#333;font-size:18px;line-height:32px;}
.f2Tab{padding-top:40px;}
.f2Tab .tab{height:60px;padding-bottom:12px;}
.f2Tab .tab span{float:left;position:relative;width:390px;height:60px;margin-right:10px;display:block;background-color:#51bcfa;color:#fff;font-size:30px;line-height:60px;text-align:center;cursor:pointer;}
.f2Tab .tab span::after{position:absolute;bottom:-12px;left:50%;content:'';width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:12px solid #8790fc;display:none;}
.f2Tab .tab span.active{background-color:#8790fc;}
.f2Tab .tab span.active::after{display:block;}
.f2Tab .tabBox{padding-top:40px;overflow:hidden;}
.f2Tab .tabCon{float:left;width:100%;}
.f2Tab .tabCon dl{overflow:hidden;}
.f2Tab .tabCon dt{float:left;width:500px;}
.f2Tab .tabCon dd{float:right;width:650px;}
.f2Tab .tabCon dd p{padding-top:12px;color:#333;font-size:18px;line-height:32px;}
.f2Tab .tabCon dd ul{padding:16px 0 40px;overflow:hidden;}
.f2Tab .tabCon dd li{float:left;width:108px;height:88px;padding-top:20px;margin-right:40px;text-align:center;font-size:24px;line-height:30px;color:#51bcfa;border:1px solid #5ac0fa;border-radius:60px;}
.f2Tab .tabCon dd .list{padding:20px 0 30px;overflow:hidden;}
.f2Tab .tabCon dd .list span{float:left;width:132px;padding-left:30px;margin-bottom:20px;background:url(/style/images/zt/myxf/m2-t1-4.jpg) left center no-repeat;color:#333;font-size:16px;line-height:24px;}
.f2Tab .tabCon dd .btn{width:374px;height:60px;margin:0 auto;display:block;background-color:#ffbb4c;border-radius:30px;color:#fff;font-size:24px;line-height:60px;text-align:center;transition:all .3s;}
.f2Tab .tabCon dd .btn b{font-weight:bold;}
.f2Tab .tabCon dd .btn:hover{background-color:#fe821d;}
/*f3Box*/
.f3Box{padding:60px 0 80px;}
.f3Box h2 .imgWAP{display:none;}
.f3Box .imgBox{padding-top:50px;}
/*f4Box*/
.f4Box{padding-bottom:60px;}
.f4Box h2{padding-bottom:50px;}
.f4Box h2 .imgWAP{display:none;}
.f4Con{position:relative;}
.f4Con ul{overflow:hidden;}
.f4Con li{float:left;position:relative;width:279px;margin-bottom:30px;margin-right:28px;}
.f4Con li.mr0{margin-right:0;}
.f4Con li .imgBox{width:273px;height:211px;border:3px solid #cfecfe;overflow:hidden;}
.f4Con li .imgBox img{width:100%;height:211px;transition:all .3s;}
.f4Con li .imgBox:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);cursor:pointer;}
.f4Con li p{padding-top:54px;color:#333;font-size:18px;line-height:30px;text-align:center;}
.f4Con li p b{font-weight:bold;}
.f4Con li .round{position:absolute;top:238px;left:50%;margin-left:-7px;width:14px;height:14px;background-color:#52bcfa;border-radius:50%;}
.f4Con li .triangular{position:absolute;top:236px;right:-24px;width:16px;height:19px;background:url(/style/images/zt/myxf/triangular.png) no-repeat;}
.f4Con li .btn{width:230px;height:213px;margin-left:48px;display:block;background:url(/style/images/zt/myxf/booking_bg.jpg) no-repeat;animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;}
.f4Con .line1,.f4Con .line2{position:absolute;left:0;width:100%;height:2px;background-color:#52bcfa;overflow:hidden;}
.f4Con .line1{top:244px;}
.f4Con .line2{bottom:115px;width:893px;}
@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;}	
	.banner{display:none;}
	.bannerWAP{display:block;}
	/*f1Box*/
	.f1Box{padding:.8rem 0;}
	.f1Box h2 .img{display:none;}
	.f1Box h2 .imgWAP{width:90%;margin:0 auto;display:block;}
	.f1Box ul{padding:1rem .2rem 0;display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
	.f1Box li{float:none;width:48%;height:2.3rem;padding:0 .1rem;margin-right:0;margin-bottom:.8rem;box-sizing:border-box;}
	.f1Box li .pic{margin-top:-.22rem;}
	.f1Box li .desc{bottom:-.32rem;height:.64rem;}
	.f1Box li .desc span{height:.64rem;padding:0 .3rem;border-radius:.32rem;font-size:.28rem;line-height:.64rem;}
	.f1Box .txt{padding:0 .42rem;font-size:.28rem;line-height:1.6;}
	.f1Box .btn{width:4.2rem;height:.8rem;margin:.3rem auto 0;border-radius:.4rem;font-size:.36rem;line-height:.8rem;}
	/*f2Box*/
	.f2Box{padding:.6rem 0;}
	.f2Box h2{margin-bottom:.5rem;}
	.f2Box h2 .img{display:none;}
	.f2Box h2 .imgWAP{width:90%;margin:0 auto;display:block;}
	.f2Info{padding:0 .2rem;}
	.f2Info .imgBox{float:none;width:100%;}
	.f2Info .desc{float:none;width:100%;padding-top:.2rem;}
	.f2Info .desc h3{height:.6rem; margin-bottom:.2rem;font-size:.36rem;line-height:1.6;}
	.f2Info .desc p{font-size:.28rem;line-height:1.6;}
	.f2Tab{padding-top:.4rem;}
	.f2Tab .tab{height:auto;padding-bottom:.12rem;display:flex;display:-webkit-flex;justify-content:space-between;}
	.f2Tab .tab span{float:none;width:33%;height:.6rem;margin-right:0;font-size:.24rem;line-height:.6rem;}
	.f2Tab .tab span::after{bottom:-.11rem;border-left:.15rem solid transparent;border-right:.15rem solid transparent;border-top:.12rem solid #8790fc;}
	.f2Tab .tabBox{padding:.4rem .2rem;}
	.f2Tab .tabCon dt{float:none;width:100%;}
	.f2Tab .tabCon dd{float:none;width:100%;padding:.2rem .1rem 0;box-sizing:border-box;}
	.f2Tab .tabCon dd p{padding-top:.12rem;font-size:.28rem;line-height:1.5;}
	.f2Tab .tabCon dd ul{padding:.28rem 0 .42rem;display:flex;display:-webkit-flex;justify-content:space-between;}
	.f2Tab .tabCon dd li{float:none;width:1.4rem;height:1.4rem;padding-top:0;margin-right:0;font-size:.3rem;line-height:1.4;border:1px solid #5ac0fa;border-radius:.7rem;display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
	.f2Tab .tabCon dd .list{padding:.3rem 0 .4rem;display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
	.f2Tab .tabCon dd .list span{float:none;width:50%;padding-left:.36rem;margin-bottom:.1rem;background:url(/style/images/zt/myxf/m2-t1-4.jpg) left center no-repeat;background-size:.24rem .24rem;font-size:.28rem;line-height:.4rem;box-sizing:border-box;}
	.f2Tab .tabCon dd .btn{width:5.4rem;height:.8rem;border-radius:.4rem;font-size:.36rem;line-height:.8rem;}
	/*f3Box*/
	.f3Box{padding:.6rem 0 .8rem;}
	.f3Box h2 .img{display:none;}
	.f3Box h2 .imgWAP{width:90%;margin:0 auto;display:block;}
	.f3Box .imgBox{padding-top:.5rem;}
	/*f4Box*/
	.f4Box{padding-bottom:.6rem;}
	.f4Box h2 .img{display:none;}
	.f4Box h2 .imgWAP{width:90%;margin:0 auto;display:block;}
	.f4Box h2{padding-bottom:.5rem;}
	.f4Con ul{padding:0 .2rem;display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
	.f4Con li{float:none;width:48%;margin-bottom:.3rem;margin-right:0;}
	.f4Con li .imgBox{width:100%;height:auto;border:3px solid #cfecfe;overflow:hidden;box-sizing:border-box;}
	.f4Con li .imgBox img{height:auto;}
	.f4Con li p{padding-top:.2rem;font-size:.28rem;line-height:1.6;}
	.f4Con li .round,.f4Con li .triangular,.f4Con .line1,.f4Con .line2{display:none;}
	.f4Con li .btn{width:2.3rem;height:2.13rem;margin:.3rem auto 0;background:url(/style/images/zt/myxf/booking_bg.jpg) no-repeat;background-size:100% 100%;}
}