@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;}
.item{width:1200px;margin:0 auto;}
.banner{width:100%;height:800px;overflow:hidden;position:relative;}
.bannerInfo{width:1920px;height:800px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo li,.bannerInfo li img{width:1920px;height:800px;}
.bannerInfo .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:30px;z-index:1;}
.bannerInfo .pagination span{width:15px;height:15px;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 15px;display:inline-block;vertical-align:top;}
.bannerInfo .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}

.itemTie{line-height:0;padding:135px 0 75px;position:relative;}
.itemTie span{font-size:0;display:block;margin:0 auto;}
.itemTie span.ioc1{width:452px;height:59px;background:url(/style/images/zt/zhongzhiya/anli1/tie_01.png) no-repeat;}
.itemTie span.ioc2{width:834px;height:59px;background:url(/style/images/zt/zhongzhiya/anli1/tie_02.png) no-repeat;}
.itemTie span.ioc3{width:609px;height:68px;background:url(/style/images/zt/zhongzhiya/anli1/tie_03.png) no-repeat;}
.itemTie span.ioc4{width:994px;height:59px;background:url(/style/images/zt/zhongzhiya/anli1/tie_04.png) no-repeat;}
.itemTie span.ioc5{width:500px;height:100px;}
.itemTie span.ioc6{width:500px;height:100px;}

.f1Bg{background-color:#e7f3f5;}
.f1Box{padding:155px 0 145px;}
.f1Box dl{position:relative;padding-left:520px;}
.f1Box dt{width:523px;background:linear-gradient(90deg,#22a8a9,#22bda9);padding:24px 17px 23px 14px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.f1Box dt img{width:491px;height:326px;border:#fff solid 16px;}
.f1Box dt i{width:0;height:0;border-left:#22bda9 solid 27px;border-top: transparent solid 15px;border-bottom: transparent solid 15px;display: block;position: absolute;right: -27px;top: 80px;}
.f1Box dd{border:#01a0a1 solid 2px;padding:0 50px 0 73px;}
.f1Box dd h3{text-align:center;padding:45px 0;}
.f1Box dd h3 span{font-size:50px;color:#01a0a1;}
.f1Box dd h3 span em{font-weight:bold;color:#ff8a00;}
.f1Box dd h3 small{font-size:30px;color:#01a0a1;display:block;}
.f1Box dd h4{text-align:center;line-height:60px;font-size:40px;color:#01a0a1;border-bottom:#01a0a1 solid 1px;position:relative;}
.f1Box dd h4 i{width:37px;height:7px;background-color:#22a8a9;display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);}
.f1Box dd span.txt{line-height:70px;font-size:40px;color:#ff8a00;display:block;padding-top:10px;}
.f1Box dd span.txt em{font-size:24px;color:#363636;padding-left:10px;}
.f1Box dd p{line-height:36px;font-size:22px;color:#363636;padding-bottom:30px;}
.f1Box dd p span{width:130px;height:43px;text-align:center;line-height:43px;font-size:24px;color:#fefefe;background:linear-gradient(90deg,#ff8a00,#ff7600);border-radius:10px;display:block;}

.f2Box{padding-bottom:160px;}
.f2BoxList{background-color:#e7f3f5;margin-bottom:63px;}
.f2BoxList dl{overflow:hidden;}
.f2BoxList dt{float:left;}
.f2BoxList dt,.f2BoxList dt img{width:601px;height:278px;}
.f2BoxList dd{float:right;width:550px;padding:26px 20px 0;}
.f2BoxList dd h3{line-height:67px;font-size:36px;color:#ff8a00;position:relative;padding-left:90px;margin-bottom:25px;}
.f2BoxList dd h3 span{width:70px;height:70px;text-align: center;line-height: 70px;font-size: 36px;color: #fff;background: url(/style/images/zt/zhongzhiya/anli1/ioc_02.png) no-repeat;display:block;position:absolute;left:0;top:0;}
.f2BoxList dd p{line-height:36px;font-size:22px;color:#363636;}
.f2BoxList dd p span{color:#ff8a00;}
.f2BoxList dl:nth-child(2n) dt{float:right;}
.f2BoxList dl:nth-child(2n) dd{float:left;}
.f2Box a.btn{width:557px;height:95px;text-align:center;line-height:95px;font-size:40px;color:#fff;background:linear-gradient(#ff9b00,#fb7425);border-radius:50px;display:block;margin:0 auto;}

.f3Bg{background-color:#e7f3f5;}
.f3Box{padding-bottom:114px;}
.f3Box p.txt{line-height: 36px;font-size: 24px;color: #363636;padding-bottom: 25px;}
.f3BoxList{padding-bottom:34px;}
.f3BoxList dl{overflow:hidden;}
.f3BoxList dt{float:left;}
.f3BoxList dt,.f3BoxList dt img{width:632px;height:631px;}
.f3BoxList dd{float:right;width:505px;padding-top:40px;}
.f3BoxList dd h3{text-align:center;padding-bottom:30px;}
.f3BoxList dd h3 span{line-height:57px;font-size:36px;color:#01a0a1;border-bottom:#22a8a9 solid 1px;display:inline-block;position:relative;padding:0 20px;}
.f3BoxList dd h3 span em{font-weight:bold;color:#fb7a20;}
.f3BoxList dd h3 span i{width:37px;height:7px;background:linear-gradient(45deg,#22a8a9,#22bda9);display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);}
.f3BoxList dd p{line-height:36px;font-size:24px;color:#363636;padding-bottom:15px;}
.f3BoxList dd li{width:495px;height:68px;text-align:center;line-height:68px;font-size:36px;color:#fff;background:linear-gradient(45deg,#22a8a9,#22bda9);border-radius:10px;display:block;margin-bottom:37px;}
.f3Box a.btn{width:557px;height:95px;text-align:center;line-height:95px;font-size:40px;color:#fff;background:linear-gradient(#ff9b00,#fb7425);border-radius:50px;display:block;margin:0 auto;}

.f4Box{padding-bottom:138px;}
.f4Box dl{overflow:hidden;margin-bottom:65px;}
.f4Box dt{float:left;}
.f4Box dt,.f4Box dt img{width:703px;height:506px;}
.f4Box dd{float:right;width:445px;}
.f4Box dd h3 span{line-height: 59px;font-size: 36px;color: #22a8a9;position: relative;display:inline-block;padding-left: 50px;border-bottom: #d3d3d3 solid 2px;}
.f4Box dd h3 span i{width: 35px;height: 34px;background: url(/style/images/zt/zhongzhiya/anli1/ioc_01.jpg) no-repeat;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.f4Box dd h3 em{font-size:26px;color:#444;padding-left: 10px;}
.f4Box dd li{line-height:36px;font-size:20px;color:#3b3b3b;position:relative;padding-left:23px;}
.f4Box dd li i{width:9px;height:9px;border:#ff7b00 solid 2px;border-radius:50%;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f4Box dd p{line-height:36px;font-size:20px;color:#3b3b3b;padding-top:25px;}
.f4Box dd p span{width:259px;height:48px;text-align:center;line-height:48px;font-size:30px;color:#fff;background:linear-gradient(45deg,#ff8a00,#ff7200);border-radius:10px;display:block;margin-bottom:10px;}
.f4Box a.btn{width:557px;height:95px;text-align:center;line-height:95px;font-size:40px;color:#fff;background:linear-gradient(#ff9b00,#fb7425);border-radius:50px;display:block;margin:0 auto;}

.f5Bg{background-color:#e7f3f5;}
.f5BoxList{overflow:hidden;}
.f5BoxList dl{float:left;width:580px;position:relative;}
.f5BoxList dt{position:relative;padding-bottom:17px;}
.f5BoxList dt,.f5BoxList dt img{width:580px;height:343px;}
.f5BoxList dt span{width:410px;height:81px;text-align:center;line-height:81px;font-size:35px;color:#fff;background:linear-gradient(#ff8a00,#ff7300);border-radius:10px;display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.f5BoxList dd{text-align: center;line-height: 62px;font-size: 36px;color: #363636;padding-bottom: 55px;}
.f5BoxList dl: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;}
	.item{width:auto;padding:0 .2rem;}
	
    .banner{height:5rem;}
    .bannerInfo{width:7.5rem;height:5rem;left:0;margin-left:0;}
    .bannerInfo li,.bannerInfo li img{width:7.5rem;height:5rem;}
    .bannerInfo .pagination{bottom:.3rem;}
    .bannerInfo .pagination span{width:.15rem;height:.15rem;margin:0 .1rem;}
	
	.itemTie{padding:.3rem 0 .3rem;}
	.itemTie span{text-align:center;line-height:60px;font-size:.5rem;font-weight:bold;color:#22a8a9;}
	.itemTie span em{font-weight:bold;color:#ff7b00;}
	.itemTie span.ioc1{width:auto;height:auto;background:none;}
	.itemTie span.ioc2{width:auto;height:auto;background:none;}
	.itemTie span.ioc3{width:auto;height:auto;background:none;}
	.itemTie span.ioc4{width:auto;height:auto;background:none;}
	.itemTie span.ioc5{width:auto;height:auto;background:none;}
	.itemTie span.ioc6{width:auto;height:auto;background:none;}
	.itemTie span small{display:none;}

	.f1Box{padding:.5rem 0 .5rem;}
	.f1Box dl{position:relative;padding-left:0;}
	.f1Box dt{width:auto;padding:.25rem .17rem .25rem .14rem;position: relative;left: 0;top: 0;transform: translateY(0);}
	.f1Box dt img{width:6rem;height:auto;border:#fff solid .15rem;margin: 0 auto;}
	.f1Box dt i{display:none;}
	.f1Box dd{border:#01a0a1 solid .03rem;padding:0 .5rem;}
	.f1Box dd h3{padding:.45rem 0 .1rem;}
	.f1Box dd h3 span{font-size:.5rem;}
	.f1Box dd h3 small{font-size:.3rem;}
	.f1Box dd h4{line-height:.6rem;font-size:.4rem;}
	.f1Box dd h4 i{width:.37rem;height:.07rem;}
	.f1Box dd span.txt{line-height:.7rem;font-size:.4rem;padding-top:.1rem;}
	.f1Box dd span.txt em{font-size:.24rem;padding-left:.1rem;}
	.f1Box dd p{line-height:.36rem;font-size:.22rem;padding-bottom:.3rem;}
	.f1Box dd p span{width:1.3rem;height:.43rem;line-height:.43rem;font-size:.24rem;border-radius:.1rem;}
	
	.f2Box{padding-bottom:.5rem;}
	.f2BoxList{margin-bottom:.5rem;padding: .3rem .3rem 0;overflow: hidden;}
	.f2BoxList dl{margin-bottom: .5rem;}
	.f2BoxList dt{float:none;margin: 0 auto;}
	.f2BoxList dt,.f2BoxList dt img{width:5rem;height:auto;}
	.f2BoxList dd{float:none;width:auto;padding:26px .1rem 0;}
	.f2BoxList dd h3{line-height:.6rem;font-size:.36rem;padding-left:.9rem;margin-bottom:.25rem;}
	.f2BoxList dd h3 span{width:.7rem;height:.7rem;line-height: .7rem;font-size: .36rem;background: url(/style/images/zt/zhongzhiya/anli1/ioc_02.png) no-repeat;background-size:.7rem .7rem;}
	.f2BoxList dd p{line-height:.36rem;font-size:.22rem;}
	.f2BoxList dl:nth-child(2n) dt{float:none;}
	.f2BoxList dl:nth-child(2n) dd{float:none;}
	.f2Box a.btn{width:5.5rem;height:.9rem;line-height:.9rem;font-size:.4rem;border-radius:1rem;}
	
	.f3Box{padding-bottom:.5rem;}
	.f3Box p.txt{line-height: .36rem;font-size: .24rem;padding-bottom: .25rem;}
	.f3BoxList{padding-bottom:.3rem;}
	.f3BoxList dl{overflow:hidden;}
	.f3BoxList dt{float:left;padding-top: .3rem;}
	.f3BoxList dt,.f3BoxList dt img{width:3rem;height:auto;}
	.f3BoxList dd{float:right;width:4rem;padding-top:0;}
	.f3BoxList dd h3{padding-bottom:.1rem;}
	.f3BoxList dd h3 span{line-height:.5rem;font-size:.3rem;padding:0 .2rem;}
	.f3BoxList dd h3 span em{font-weight:bold;color:#fb7a20;}
	.f3BoxList dd h3 span i{width:37px;height:7px;background:linear-gradient(45deg,#22a8a9,#22bda9);display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);}
	.f3BoxList dd p{line-height:.36rem;font-size:.22rem;padding-bottom:0;}
	.f3BoxList dd li{width:auto;height:.4rem;line-height:.4rem;font-size:.24rem;border-radius:.1rem;margin-bottom:.1rem;}
	.f3Box a.btn{width:5.57rem;height:.9rem;line-height:.9rem;font-size:.4rem;border-radius:1rem;}

	.f4Box{padding-bottom:.5rem;}
	.f4Box dl{margin-bottom:.3rem;}
	.f4Box dt{float:none;}
	.f4Box dt,.f4Box dt img{width:7rem;height:auto;}
	.f4Box dd{float:none;width:auto;}
	.f4Box dd h3 span{line-height: .6rem;font-size: .36rem;padding-left: .5rem;}
	.f4Box dd h3 span i{width: .35rem;height: .34rem;background: url(/style/images/zt/zhongzhiya/anli1/ioc_01.jpg) no-repeat;background-size: 100% auto;}
	.f4Box dd h3 em{font-size:.26rem;padding-left: .1rem;}
	.f4Box dd li{line-height:.36rem;font-size:.2rem;padding-left:.23rem;}
	.f4Box dd li i{width:.09rem;height:.09rem;border:#ff7b00 solid .02rem;}
	.f4Box dd p{line-height:.36rem;font-size:.2rem;padding-top:.25rem;}
	.f4Box dd p span{width:2.6rem;height:.48rem;line-height:.48rem;font-size:.3rem;border-radius:.1rem;margin-bottom:.1rem;}
	.f4Box a.btn{width:5.57rem;height:.9rem;line-height:.9rem;font-size:.4rem;border-radius:.5rem;}
    
	.f5BoxList dl{width:3.5rem;}
	.f5BoxList dt{position:relative;padding-bottom:17px;}
	.f5BoxList dt,.f5BoxList dt img{width:auto;height:auto;}
	.f5BoxList dt span{width:3rem;height:.6rem;line-height:.6rem;font-size:.24rem;border-radius:.1rem;}
	.f5BoxList dd{line-height: .6rem;font-size: .28rem;padding-bottom: .3rem;}
}