@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/qcy/banner.jpg) no-repeat center top;overflow:hidden;}
.banner a{height:800px;display:block;}
.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;font-size:70px;color:#22a8a9;font-weight:bold;padding:80px 0 30px;}
.itemTie small{font-size:22px;color:#333333;font-weight:normal;display:block;text-transform: uppercase;}
/*f1Box*/
.f1Box{padding-bottom:139px;}
.f1BoxList{padding-top:33px;overflow:hidden;margin-bottom: -30px;}
.f1BoxList dl{float:left;width:514px;padding:27px 33px 0 31px;background-color:#f9f9f9;border-radius:20px;position:relative;z-index:1;margin-bottom:90px;}
.f1BoxList dt,.f1BoxList dt img{width:514px;height:264px;border-radius:20px;}
.f1BoxList dt span{width:314px;height:65px;text-align:center;line-height:60px;font-size:40px;color:#fff;background-color:#ff9b00;position:absolute;right:41px;top:-33px;border-radius:50px 0 0 0;z-index:-1;}
.f1BoxList dd{height:144px;line-height:48px;font-size:36px;color:#333;padding:15px 0 45px;}
.f1BoxList dl:nth-child(2n){float:right;}
.f1Box a.btn{display:block;margin:0 auto;position:relative;}
.f1Box a.btn,.f1Box a.btn img{width:906px;height:135px;display:block;}
.f1Box a.btn i{width:154px;height:154px;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f2Bg{background-color:#f1fcff;}
.f2Box{padding-bottom:154px;}
.f2BoxList{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:35px;overflow:hidden;}
.f2BoxList dl{float:left;position:relative;padding:20px 3px 42px;margin-bottom: 65px;}
.f2BoxList dt,.f2BoxList dt img{width:360px;height:302px;}
.f2BoxList dt span{width:77px;height:77px;text-align:center;line-height:77px;font-size:48px;color:#fff;background:url(/style/images/zt/qcy/ioc_05.png) no-repeat;display:block;position:absolute;left:0;top:0;}
.f2BoxList dd{width:270px;height:70px;text-align:center;line-height:70px;font-size:48px;color:#fff;background-color:#22a8a9;border-radius:10px;position:absolute;left: 50%;bottom: 0;margin-left: -135px;}
.f2Box a.btn{display:block;margin:0 auto;position:relative;}
.f2Box a.btn,.f2Box a.btn img{width:768px;height:135px;display:block;}
.f2Box a.btn i{width:154px;height:154px;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f3Box{padding-bottom:154px;}
.f3Box p.txt{text-align:center;line-height: 55px;font-size: 30px;color: #333333;padding-bottom:50px;}
.f3BoxList dl{background-color:#f9f9f9;overflow:hidden;margin-bottom:43px;}
.f3BoxList dt{float:left;}
.f3BoxList dt,.f3BoxList dt img{width:467px;height:254px;}
.f3BoxList dd{float:right;width:640px;padding:0 35px;}
.f3BoxList dd h3{text-align:center;padding-top:51px;margin-bottom:10px;}
.f3BoxList dd h3 span{width:264px;height:61px;text-align:center;line-height:61px;font-size:48px;color:#fff;font-weight:normal;background-color:#ff9b00;border-radius:50px 10px 10px 10px;display:block;margin:0 auto;position:relative;}
.f3BoxList dd h3 span i{line-height:40px;font-size:40px;color:#ff9b00;position:absolute;right:100%;top:-20px;}
.f3BoxList dd p{text-align:center;line-height:46px;font-size:32px;color:#333;}
.f3BoxList dd p span{text-align:left;display:inline-block;}
.f3BoxList dl.ioc2 dt,.f3BoxList dl.ioc4 dt{float:right;}
.f3BoxList dl.ioc2 dd,.f3BoxList dl.ioc4 dd{float:left;}
.f3Box a.btn{display:block;margin:0 auto;position:relative;}
.f3Box a.btn,.f3Box a.btn img{width:906px;height:135px;display:block;}
.f3Box a.btn i{width:154px;height:154px;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f4Bg{background-color:#f1fcff;}
.f4Box{padding-bottom:110px;}
.f4Box dl{width:1197px;height:637px;border-radius:20px;overflow:hidden;position:relative;}
.f4Box dt,.f4Box dt img{width:1197px;height:637px;}
.f4Box dd{line-height:48px;font-size:31px;color:#fff;background-color:rgba(0,0,0,.3);padding:20px 60px;position:absolute;left:0;bottom:0;}

.f5Box{padding-bottom:139px;}
.f5Box dl{width:1200px;position:relative;margin-bottom: 80px;}
.f5Box dt{text-align:center;line-height:47px;font-size:35px;color:#333;padding-bottom:70px;}
.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:#22a8a9;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:544px;height:135px;display:block;}
.f5Box a.btn i{width:154px;height:154px;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;display:block;position:absolute;right:-80px;bottom:-82px;}

.f6Bg{background-color:#f1fcff;}
.f6Box{padding-bottom:60px;overflow:hidden;}
.f6Box li{float:left;width:565px;height:255px;background-color:#f9f9f9;margin-bottom:43px;position:relative;}
.f6Box li i{width:179px;height:207px;display:block;position:absolute;left:80px;top:50%;transform:translateY(-50%);}
.f6Box li i.ioc1{background:url(/style/images/zt/qcy/ioc_01.png) no-repeat;}
.f6Box li i.ioc2{background:url(/style/images/zt/qcy/ioc_02.png) no-repeat;}
.f6Box li i.ioc3{background:url(/style/images/zt/qcy/ioc_03.png) no-repeat;}
.f6Box li i.ioc4{background:url(/style/images/zt/qcy/ioc_04.png) no-repeat;}
.f6Box li span{text-align:center;line-height:40px;font-size:30px;color:#333;padding-left:255px;display:block;padding-top: 33px;}
.f6Box li span em{line-height:45px;font-size:40px;color:#333;border-bottom: #333 solid 3px;margin-bottom:5px;display: inline-block;}
.f6Box li span small{font-size:30px;font-weight:bold;color:#333;display:block;}
.f6Box li span a.btn{width:169px;height:41px;text-align:center;line-height:41px;font-size:30px;color:#fff;background-color:#ff9b00;border-radius:50px;display:block;margin:10px auto 0;}
.f6Box li:nth-child(2n){float:right;}
.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{font-size:.45rem;padding:.5rem 0 .5rem;}
        .itemTie small{font-size:.14rem;}
	.banner{display:none;}
	.bannerWAP{display:block;}
        
	.f1Box{padding-bottom: .5rem;}
	.f1BoxList{padding-top:.2rem;overflow:hidden;margin-bottom: -.3rem;}
	.f1BoxList dl{width:3rem;padding:.2rem .2rem 0;border-radius:.2rem;margin-bottom:.5rem;}
	.f1BoxList dt,.f1BoxList dt img{width:auto;height:auto;border-radius:.2rem;}
	.f1BoxList dt span{width:2rem;height:.5rem;line-height:.5rem;font-size:.24rem;right:.2rem;top:-.25rem;border-radius:.5rem 0 0 0;}
	.f1BoxList dd{height:1.2rem;line-height:.4rem;font-size:.24rem;padding:.15rem 0 .2rem;}
	.f1Box a.btn,.f1Box a.btn img{width:5rem;height:auto;}
	.f1Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}

	
	.f2Box{padding-bottom:.5rem;}
	.f2BoxList{padding-bottom: .3rem;}
	.f2BoxList dl{padding:.2rem .03rem .3rem;margin-bottom: .2rem;}
	.f2BoxList dt,.f2BoxList dt img{width:2.2rem;height:auto;}
	.f2BoxList dt span{width:.37rem;height:.37rem;line-height:.37rem;font-size:.24rem;background:url(/style/images/zt/qcy/ioc_05.png) no-repeat;background-size:100% 100%;}
	.f2BoxList dd{width:2rem;height:.6rem;line-height:.6rem;font-size:.3rem;border-radius:.1rem;margin-left: 0;transform: translateX(-50%);}
	.f2Box a.btn,.f2Box a.btn img{width:4rem;height:auto;}
	.f2Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f3Box{padding-bottom: .5rem;}
	.f3Box p.txt{line-height: .5rem;font-size: .3rem;padding-bottom:.3rem;}
	.f3BoxList dl{margin-bottom:.3rem;}
	.f3BoxList dt,.f3BoxList dt img{width:3rem;height:auto;}
	.f3BoxList dd{width:3.5rem;padding:0 .2rem;}
	.f3BoxList dd h3{padding-top:.15rem;margin-bottom:.05rem;}
	.f3BoxList dd h3 span{width:2.3rem;height:.5rem;line-height:.5rem;font-size:.32rem;border-radius:.5rem .1rem .1rem .1rem;}
	.f3BoxList dd h3 span i{line-height:.4rem;font-size:.4rem;top:-.1rem;}
	.f3BoxList dd p{line-height:.4rem;font-size:.24rem;}
        .f3Box a.btn,.f3Box a.btn img{width:5rem;height:auto;}
	.f3Box a.btn i{width:.8rem;height:.8rem;background:url(/style/images/zt/qcy/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f4Box{padding-bottom:.5rem;}
	.f4Box dl{width:auto;height:auto;border-radius:.2rem;}
	.f4Box dt,.f4Box dt img{width:auto;height:auto;}
	.f4Box dd{line-height:.4rem;font-size:.28rem;padding:.2rem .3rem;}
	
	.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/qcy/ioc_06.png) no-repeat;background-size:100% 100%;right:-.4rem;bottom:-.4rem;}
	
	.f6Box{padding-bottom:.5rem;}
	.f6Box li{width:3.45rem;height:auto;margin-bottom:.2rem;display:block;display:grid;justify-content:center;align-items:Center;}
	.f6Box li i{width:1rem;height:1.2rem;left:.15rem;}
	.f6Box li i.ioc1{background:url(/style/images/zt/qcy/ioc_01.png) no-repeat;background-size:100% auto;}
	.f6Box li i.ioc2{background:url(/style/images/zt/qcy/ioc_02.png) no-repeat;background-size:100% auto;}
	.f6Box li i.ioc3{background:url(/style/images/zt/qcy/ioc_03.png) no-repeat;background-size:100% auto;}
	.f6Box li i.ioc4{background:url(/style/images/zt/qcy/ioc_04.png) no-repeat;background-size:100% auto;}
	.f6Box li span{line-height:.3rem;font-size:.24rem;padding:.2rem 0 .2rem 1.2rem;}
	.f6Box li span em{font-size:.32rem;line-height: .36rem;margin-bottom: .05rem;border-bottom: #333 solid .03rem;}
	.f6Box li span small{font-size:.24rem;}
	.f6Box li span a.btn{width:1.68rem;height:.4rem;line-height:.4rem;font-size:.28rem;border-radius:.5rem;margin:.1rem auto 0;}
}