@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/anli2/tie_01.png) no-repeat;}
.itemTie span.ioc2{width:975px;height:59px;background:url(/style/images/zt/zhongzhiya/anli2/tie_02.png) no-repeat;}
.itemTie span.ioc3{width:853px;height:59px;background:url(/style/images/zt/zhongzhiya/anli2/tie_03.png) no-repeat;}
.itemTie span.ioc4{width:609px;height:68px;background:url(/style/images/zt/zhongzhiya/anli2/tie_04.png) no-repeat;}

.f1Bg{background-color:#e7f3f5;}
.f1Box{padding:155px 0 145px;}
.f1Box dl{position:relative;padding-left:520px;}
.f1Box dt{width:582px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f1Box dt img{width:582px;height:405px;}
.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:575px;height:278px;}
.f2BoxList dd{float:right;width:580px;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/anli2/ioc_05.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:130px;}
.f3Box p.txt{line-height:36px;font-size:24px;color:#363636;display:block;padding-bottom:70px;}
.f3BoxList{position:relative;margin-bottom:80px;}
.f3BoxList img.img{width:460px;height:441px;margin:0 auto;}
.f3BoxList dl{width:325px;position:absolute;}
.f3BoxList dt{line-height:62px;font-size:22px;color:#ff8a00;font-weight:bold;position:relative;padding-left:73px;}
.f3BoxList dt i{width:62px;height:62px;display:block;position:absolute;left:0;top:50%;margin-top:-31px;}
.f3BoxList dl.ioc1 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_06.png) no-repeat;}
.f3BoxList dl.ioc2 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_07.png) no-repeat;}
.f3BoxList dl.ioc3 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_08.png) no-repeat;}
.f3BoxList dl.ioc4 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_09.png) no-repeat;}
.f3BoxList dd{line-height:26px;font-size:17px;color:#363636;}

.f3BoxList dl.ioc1{left:0;top:0;}
.f3BoxList dl.ioc2{right:0;top:0;}
.f3BoxList dl.ioc3{left:0;bottom:0;}
.f3BoxList dl.ioc4{right:0;bottom:0;}
.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:160px;}
.f4Box table{width:1200px;border-spacing:0;border-collapse:collapse;margin-bottom:80px;}
.f4Box table td,.f4Box th{border:#fff solid 1px;}
.f4Box th{line-height:53px;font-size:24px;color:#fff;font-weight:normal;background-color:#2daab0;}
.f4Box tr td{line-height:24px;text-align:center;font-size:20px;color:#000;padding:16px 20px;}
.f4Box tr td p{text-align:left; color:#343636; font-size:18px; line-height:32px;}
.f4Box table tr:nth-child(odd) td{background-color:#f1f1f1;}
.f4Box table tr td.bg{background-color:#f1f1f1;}
.f4Box table tr td.bg1{background-color:#fff;}
.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;}
.f5Box{padding-bottom:138px;}
.f5Box dl{overflow:hidden;margin-bottom:65px;position:relative;}
.f5Box dt{position:absolute;left:0;top:50%;margin-top:-250px;}
.f5Box dt,.f5Box dt img{width:581px;height:501px;}
.f5Box dd{float:right;width:560px;border:#01a0a1 solid 2px;padding:45px 35px 60px 80px;}
.f5Box dd h3 span{line-height:59px;font-size:36px;color:#22a8a9;position:relative;display:inline-block;padding-left:50px;border-bottom:#d3d3d3 solid 2px;}
.f5Box dd h3 span i{width:35px;height:34px;/*background:url(/style/images/zt/zhongzhiya/anli2/ioc_01.jpg) no-repeat;*/display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f5Box dd h3 em{font-size:26px;color:#444;padding-left:10px;}
.f5Box dd li{line-height:36px;font-size:20px;color:#3b3b3b;position:relative;padding-left:23px;}
.f5Box 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%);}
.f5Box dd p{line-height:36px;font-size:20px;color:#3b3b3b;padding-top:25px;}
.f5Box 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;}
.f5Box 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;}

.f6Bg{background-color:#ecf1f0;}
.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/zhongzhiya/anli2/ioc_01.png) no-repeat;}
.f6Box li i.ioc2{background:url(/style/images/zt/zhongzhiya/anli2/ioc_02.png) no-repeat;}
.f6Box li i.ioc3{background:url(/style/images/zt/zhongzhiya/anli2/ioc_03.png) no-repeat;}
.f6Box li i.ioc4{background:url(/style/images/zt/zhongzhiya/anli2/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:#333333;border-bottom:#333333 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;}
	.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;position:relative;left:0;top:0;transform:translateY(0);}
	.f1Box dt img{width:6rem;height:auto;margin:0 auto .3rem;}
	.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:2.46rem;}
	.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/anli2/ioc_05.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:.3rem;}
	.f3BoxList{position:relative;margin-bottom:.5rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.f3BoxList img.img{display:none;}
	.f3BoxList dl{float:left;width:3.4rem;position:relative;}
	.f3BoxList dt{line-height:.62rem;font-size:.22rem;padding-left:.34rem;}
	.f3BoxList dt i{width:.31rem;height:.31rem;margin-top:0;transform:translateY(-50%);}
	.f3BoxList dl.ioc1 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_06.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dl.ioc2 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_07.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dl.ioc3 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_08.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dl.ioc4 dt i{background:url(/style/images/zt/zhongzhiya/anli2/ioc_09.png) no-repeat;background-size:100% 100%;}
	.f3BoxList dd{line-height:.35rem;font-size:.22rem;}
	.f3BoxList dl:nth-child(2n){float:right;}
	.f3Box a.btn{width:5.57rem;height:.9rem;line-height:.9rem;font-size:.4rem;border-radius:1rem;}

	.f4Box{padding-bottom:.5rem;}
	.f4Box h2{line-height:1rem;font-size:.45rem;padding:.2rem 0;}
	.f4Box table{width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:.5rem;}
	.f4Box table td,.f4Box th{border:#fff solid 1px;}
	.f4Box th{line-height:.5rem;font-size:.24rem;}
	.f4Box tr td{line-height:.3rem;text-align:center;font-size:.26rem;color:#000;padding:.1rem .1rem;}
	.f4Box tr td p{font-size:.24rem; line-height:1.4;}
	.f4Box a.btn{width:5.57rem;height:.9rem;line-height:.9rem;font-size:.4rem;border-radius:.5rem;}
    
	.f5Box{padding-bottom:.5rem;}
	.f5Box dl{margin-bottom:.3rem;}
	.f5Box dt{position:relative;left:0;top:50%;margin-top:0;}
	.f5Box dt,.f5Box dt img{width:100%;height:auto;}
	.f5Box dd{float:none;width:auto;border:0;padding:.1rem;}
	.f5Box dd h3 span{line-height:.55rem;font-size:.36rem;padding-left:.45rem;border-bottom:#d3d3d3 solid .02rem;}
	.f5Box dd h3 span i{width:.35rem;height:.34rem;background:url(/style/images/zt/zhongzhiya/anli2/ioc_10.png) no-repeat;background-size:100% 100%;}
	.f5Box dd h3 em{font-size:.26rem;padding-left:.1rem;}
	.f5Box dd li{line-height:.4rem;font-size:.22rem;padding-left:.2rem;}
	.f5Box dd li i{width:.05rem;height:.05rem;border:#ff7b00 solid .02rem;}
	.f5Box dd p{line-height:.36rem;font-size:.22rem;padding-top:.1rem;}
	.f5Box dd p span{width:2.6rem;height:.48rem;line-height:.48rem;font-size:.3rem;border-radius:.1rem;margin-bottom:.1rem;}
	.f5Box a.btn{width:5.57rem;height:.9rem;line-height:.9rem;font-size:.4rem;border-radius:.5rem;}
	
	.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/zhongzhiya/anli2/ioc_01.png) no-repeat;background-size:100% auto;}
	.f6Box li i.ioc2{background:url(/style/images/zt/zhongzhiya/anli2/ioc_02.png) no-repeat;background-size:100% auto;}
	.f6Box li i.ioc3{background:url(/style/images/zt/zhongzhiya/anli2/ioc_03.png) no-repeat;background-size:100% auto;}
	.f6Box li i.ioc4{background:url(/style/images/zt/zhongzhiya/anli2/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;}
}