@charset "utf-8";
/*
* title:博爱曙光口腔科根管治疗页面
* Author:luochou
* Date:2024.3.13
*/
.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:546px;background:url(/style/images/zt/ycmb2/banner.jpg) no-repeat center top;overflow:hidden;position:relative;}
.banner a.chatwapp{width:416px;height:79px;display:block;position:absolute;left:50%;bottom:37px;margin-left:-415px;}
.banner a.chatwapp i{position: absolute; top:23px; right:8px; width: 84px; height: 78px; background:url(/style/images/zt/ycmb2/ioc_07.png) no-repeat;}

.item{width:1200px;margin:0 auto;}
/*f1Box*/
.page-title{padding: 60px 0;font-size:0;background-color: #22a8a9; text-align: center;}
.page-title img{display:inline-block;}
.page_1{padding-bottom:65px;}
.f1Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:69px 50px 0;}
.f1Box dt,.f1Box dt img{width:348px;height:212px;}
.f1Box dd{text-align:center;line-height:90px;font-size:40px;color:#333;padding-bottom:40px;}
.page_1 .btn{position:relative;width:697px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_1 .btn img{width:697px;height:90px;display:block;}
.page_1 .btn i{position:absolute;top:23px;right:44px;width:42px;height:42px;background:url(/style/images/zt/ycmb2/ioc_01.png) no-repeat;}

/*f2Box*/
.page_2{padding:0 0 45px;}
.f2Box{border:#333 dashed 1px;border-radius:.2rem;margin:100px 65px 52px;}
.f2Box .list{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 80px;overflow:hidden;position:relative;top:-52px;margin-bottom:-22px;}
.f2Box .list dt{margin:0 auto;}
.f2Box .list dt,.list dt img{width:108px;height:108px;}
.f2Box .list dd{text-align:center;line-height:83px;font-size:37px;color:#333;}
.f2Box p.txt{line-height:46px;text-align:center;font-size:30px;color:#333;padding-bottom: 54px;}
.f2BoxTab{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 160px 46px;}
.f2BoxTab span{width:281px;height:72px;text-align:center; line-height:72px;font-size: 40px;color: #fff;background-color: #22a8a9;display: block;border-radius: 100px;}
.page_2 .btn{position: relative; width:569px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_2 .btn img{width:569px;height:90px;display: block;}
.page_2 .btn i{position: absolute; top:23px; right: 44px; width: 42px; height: 44px; background:url(/style/images/zt/ycmb2/ioc_01.png) no-repeat;}

/*f3Box*/
.f3Box{padding:0 0 48px;}
.f3Box p.txt{line-height:55px;font-size:30px;color:#333;padding:50px 40px 0;}
.f3Box ul{padding-top:35px;}
.f3Box li{border-radius:25px;box-shadow:rgba(0,0,0,.3) 0 0 10px;overflow:hidden;margin:0 auto 22px;}
.f3Box li,.f3Box li img{width:868px;height:257px;}

.f4Box{padding:69px 0 57px;}
.f4Box .imgBox{box-shadow:rgba(0,0,0,.3) 0 0 10px;border-radius:20px;overflow:hidden;margin:0 auto 56px;}
.f4Box .imgBox,.f4Box .imgBox img{width:1197px;height:421px;}
.f4Box .imgBox img.wap{display:none;}
.page_4 .btn{position: relative; width:381px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_4 .btn img{width:381px;height:90px;display: block;}
.page_4 .btn i{position: absolute; top:23px; right: 44px; width: 42px; height: 44px; background:url(/style/images/zt/ycmb2/ioc_01.png) no-repeat;}

.page_5{background-color:#f2fcff;}
.f5BoxDl{background-color: #fff;box-shadow:rgba(0,0,0,.3) 0 0 .1rem;border-radius:20px;padding:0 .16rem .23rem;margin: 69px 0 20px;}
.f5BoxDl dt{text-align:center;line-height:110px;font-size:50px;color:#22a8a9;padding-top:11px;font-weight: bold;}
.f5BoxDl dd{background-color:#e9f7f8;border-radius:.2rem;position:relative;}
.f5BoxDl dd p{width:790px;line-height:53px;font-size:30px;color:#333;padding:40px 40px;}
.f5BoxDl dd p span{font-size:40px;font-weight:bold;display:block;padding-bottom: 15px;}
.f5BoxDl dd img{width:134px;height:392px;position:absolute;right:106px;bottom:-7px;}
.f5Box{padding:18px 0 55px;}
.f5Box dl{float:left;width:390px;height:242px;background-color: #fff;box-shadow:rgba(0,0,0,.3) 0 0 .1rem;border-radius:20px;margin-bottom:34px;padding:28px 15px 0 180px;position:relative;}
.f5Box dt{width:325px;height:70px;text-align:center;line-height:70px;font-size:40px;font-weight:bold;color:#fff;background-color:#22a8a9;border-radius:100px;margin:0 auto;}
.f5Box dl i{width:124px;height:132px;position:absolute;left:30px;top:50%;margin-top:-66px;}
.f5Box dl i.ioc1{background:url(/style/images/zt/ycmb2/ioc_1.png) no-repeat;}
.f5Box dl i.ioc2{background:url(/style/images/zt/ycmb2/ioc_2.png) no-repeat;}
.f5Box dl i.ioc3{background:url(/style/images/zt/ycmb2/ioc_3.png) no-repeat;}
.f5Box dl i.ioc4{background:url(/style/images/zt/ycmb2/ioc_4.png) no-repeat;}
.f5Box dd{line-height:45px;font-size:30px;color:#333;;padding-top: 10px;}
.f5Box dl:nth-child(2n){float:right;}


.page_7{padding-bottom:40px;}
.page_7 h2{padding:55px 0 0;}
.page_7 h2 img{width: 552px; height:70px; margin: 0 auto; display: block;}
.page_7 p.txt{text-align:center;line-height:90px;font-size:33px;color:#262626;text-shadow:#fff 0 0 5px;padding-bottom:20px;}
.f7Box{padding:32px 0 0;}
.f7Box dl{position:relative;}
.f7Box dt,.f7Box dt img{width:1198px;height:336px;}
.f7Box span{display:block;position:absolute;top:71px;}
.f7Box span.ioc1{width:415px;height:154px;background:url(/style/images/zt/ycmb2/img_04.png) no-repeat;left:25px;}
.f7Box span.ioc2{width:388px;height:139px;background:url(/style/images/zt/ycmb2/img_05.png) no-repeat;right:68px;}
.f7Box span.ioc3{width:382px;height:154px;background:url(/style/images/zt/ycmb2/img_06.png) no-repeat;left:25px;}
.f7BoxWap{display:none;}
.page_7 .btn{position: relative; width:387px;height:92px;font-size:0;margin:0 auto;display: block;}
.page_7 .btn img{width:387px;height:92px;display: block;}
.page_7 .btn i{position: absolute; top:25px; right: 38px; width: 42px; height: 44px; background:url(/style/images/zt/ycmb2/ioc_01.png) no-repeat;}

.page_8{padding-bottom:71px;background: url(/style/images/zt/ycmb2/f8Bg.jpg) center bottom no-repeat;}
.page_8 h2{padding:56px 0 47px;}
.page_8 h2 img{width: 468px; height:72px; margin: 0 auto; display: block;}
.question{line-height:60px;font-size:25px;font-weight:bold;color:#ed2c5b;background-color:#d6efef;padding:10px 20px;margin-bottom:7px;position:relative;}
.question i{position:absolute;right:43px;top:50%;transform:translateY(-50%);}
.answer{line-height:36px;font-size:25px;color:#333;background-color:#fff8f6;padding:20px 90px 20px 20px;margin-bottom:7px;}

.page_9{}

.page_10{padding-bottom:50px;}
.page_10 p.txt{line-height:44px;text-align:center;font-size:29px;color:#333;}
.page_10 h2{text-align: center;padding:84px 0 40px;}
.page_10 h2 img{display: inline-block;}
.page_10 .projectAll{background-color:#fff;}

/*news-footer*/
.news-footer{height: 780px; background:url(/style/images/zt/public/footer_bg.jpg) no-repeat center 0;}
.news-footer h2{padding: 55px 0 57px;}
.news-footer h2 img{width: 726px; height:67px; margin: 0 auto; display: block;}
.footer-body{width: 1200px; margin: 0 auto; overflow: hidden;}
.footer-body .contact{ width: 1014px;margin: 0 auto 50px;}
.footer-body .contactWap{display:none;}
.news-footer .btn{position: relative; width:554px;height:88px;background-color:#fc6e42;border-radius:50px;font-size:0;margin:0 auto;display: block;}
.news-footer .btn span{line-height:88px;padding-left: 60px; display: block;color:#fff; font-size:45px;font-weight: bold;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;}
.news-footer .btn b{position: absolute; top:50%; margin-top: -32px; right: 24px; width: 63px; height: 63px; background-color: #fff; border-radius: 36px;}
.news-footer .btn i{position: absolute; top:25px; right: 38px; width: 42px; height: 44px; background:url(/style/images/zt/yzy/ioc_01.png) no-repeat;}

.footer-bodyWap{display:none;}
.news-footerSwt{background-color:#22a8a9;padding:67px 0 65px;}
.news-footerSwt img.wap{display:none;}
.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:#f3fcff;padding-bottom:0;}
	.container img{max-width:100%;display:block;}	
	.item{width:auto;}	
	.banner{display:none;}
	.bannerWAP{display:block;position:relative;}
	.bannerWAP a.chatwapp{width:2.99rem;height:auto;display:block;position:absolute;left:.69rem;bottom:.54rem;}
        .bannerWAP a.chatwapp i{position:absolute;width:.65rem;height:.6rem;top:.18rem;right:-.16rem;background:url(/style/images/zt/ycmb2/ioc_07.png) no-repeat;background-size:100% auto;}
	
	
	.page-title{padding: .23rem 0 .27rem; }
    .page-title img{display: inline-block;}
	.page_1 .page-title img{width:4.15rem;}
	.page_2 .page-title img{width:4.6rem;}
	.page_3 .page-title img{width:2.78rem;}
	.page_4 .page-title img{width:2.98rem;}
	.page_5 .page-title img{width:4.36rem;}
	.page_7 .page-title img{width:3.48rem;}
	
	
	/*f1Box*/
	.page_1{padding-bottom:.51rem;}
	.f1Box{padding:.33rem .5rem .05rem;}
	.f1Box dt,.f1Box dt img{width:2.06rem;height:1.45rem;}
	.f1Box dd{line-height:.58rem;font-size:.28rem;padding-bottom:.12rem;}
	.page_1 .btn{width:4.45rem;height:auto;}
	.page_1 .btn img{width:4.45rem;height:auto;}
	.page_1 .btn i{width:.65rem;height:.6rem;top:.15rem;right:-.1rem;background:url(/style/images/zt/ycmb2/ioc_07.png) no-repeat;background-size:100% auto;}
	
	/*f2Box*/
	.page_2{padding:0 0 .47rem;}
	.f2Box{border-radius:.2rem;margin:.76rem .45rem .36rem;padding:0 0 .15rem;}
	.f2Box .list{padding:0 .2rem;top:-.39rem;}
	.f2Box .list dt{}
	.f2Box .list dt,.list dt img{width:.81rem;height:.81rem;}
	.f2Box .list dd{line-height:.35rem;font-size:.28rem;}
	.f2Box p.txt{line-height:.42rem;font-size:.24rem;padding:0 .3rem;}
	.f2BoxTab{padding:0 .45rem .41rem;}
	.f2BoxTab span{width:2.11rem;height:.54rem; line-height:.54rem;font-size: .3rem;border-radius: 1rem;}
	.page_2 .btn{width:3.64rem;height:auto;}
	.page_2 .btn img{width:3.64rem;height:auto;}
	.page_2 .btn i{width:.65rem;height:.6rem;top:.15rem;right:-.1rem;background:url(/style/images/zt/ycmb2/ioc_07.png) no-repeat;background-size:100% auto;}
	
	/*f3Box*/
	.f3Box{padding:.3rem .5rem .25rem;}
	.f3Box p.txt{line-height:.42rem;font-size:.24rem;padding: 0;}
	.f3Box ul{padding-top: .35rem;}
	.f3Box li{border-radius:.2rem;box-shadow:rgba(0,0,0,.3) 0 0 .1rem;margin-bottom:.17rem;}
	.f3Box li,.f3Box li img{width:6.51rem;height:1.92rem;}
	
	.f4Box{padding:.44rem 0 .57rem;}
	.f4Box .imgBox{box-shadow:rgba(0,0,0,.3) 0 0 .1rem;border-radius:.2rem;overflow:hidden;margin:0 auto .35rem;}
	.f4Box .imgBox,.f4Box .imgBox img{width:6.56rem;height:3.16rem;}
	.f4Box .imgBox img{display:none;}
	.f4Box .imgBox img.wap{display:block;}
	.page_4 .btn{ width:2.99rem;height:auto;}
	.page_4 .btn img{width:2.99rem;height:auto;}
	.page_4 .btn i{width:.65rem;height:.6rem;top:.22rem;right:0rem;background:url(/style/images/zt/ycmb2/ioc_07.png) no-repeat;background-size:100% auto;}
	
	.page_5{background-color:#f2fcff;}
	.f5BoxDl{box-shadow:rgba(0,0,0,.3) 0 0 .1rem;border-radius:.2rem;padding:0 .16rem .23rem;margin:.43rem .4rem .1rem;}
	.f5BoxDl dt{line-height:.84rem;font-size:.38rem;padding:0;}
	.f5BoxDl dd{background-color:#e9f7f8;border-radius:.2rem;position:relative;}
	.f5BoxDl dd p{width:4.4rem;line-height:.4rem;font-size:.24rem;color:#333;padding:.15rem .25rem;}
	.f5BoxDl dd p span{font-size:.3rem;padding-bottom:.15rem;}
	.f5BoxDl dd img{width:.83rem;height:2.45rem;position:absolute;right:.47rem;bottom:.14rem;}
	.f5Box{padding:.1rem .4rem .2rem;overflow:hidden;}
	.f5Box dl{width:3.2rem;height:1.8rem;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;border-radius:.2rem;margin-bottom:.25rem;padding:.22rem 0 0;}
	.f5Box dt{width:2.43rem;height:.51rem;text-align:center;line-height:.51rem;font-size:.3rem;font-weight:bold;color:#fff;background-color:#22a8a9;border-radius:1rem;margin:0 auto;}
	.f5Box dl i{display:none;}
	.f5Box dd{line-height:.34rem;font-size:.24rem;color:#333;padding:.1rem .15rem 0;}
	.f5Box dl:nth-child(2n){float:right;}
	
	.page_7{padding: 0 0 .2rem; }
	.page_7 h2{padding: .2rem 0 .1rem;}
	.page_7 h2 img{width:2.42rem; height:auto;  }
	.page_7 p.txt{padding-bottom: .2rem;  font-size: .24rem;  line-height:.5rem;}
	.page_7 .btn{width:2.5rem;height:auto;  }
	.page_7 .btn img{width:2.5rem;height:auto;}
	.page_7 .btn i{width:.23rem;height:.26rem;top:.18rem;right:.25rem;background-size:100% auto;}
	
	.f7Box{display:none;}
	.f7BoxWap{padding:.2rem 0 0;display:block;}
	.f7BoxWap dl{width:6.54rem;margin:0 auto;position:relative;}
	.f7BoxWap dt,.f7BoxWap dt img{width:6.54rem;height:1.76rem;}
	.f7BoxWap span{line-height:.4rem;font-size:.3rem;font-weight: bold;color: #fc6435;display: block;position: absolute;top:.25rem;text-shadow:-.03rem -.03rem 0 #fff,.03rem -.03rem 0 #fff,-.03rem .03rem 0 #fff,.03rem .03rem 0 #fff;}
	.f7BoxWap span small{line-height:.28rem;font-size:.24rem;font-weight:normal;color:#000;text-shadow:-.01rem -.01rem 0 #fff,.01rem -.01rem 0 #fff,-.01rem .01rem 0 #fff,.01rem .01rem 0 #fff;display:block;}
	.f7BoxWap span.ioc1{left:.25rem;}
	.f7BoxWap span.ioc2{right:0;}
	.f7BoxWap span.ioc3{left:.25rem;}
	.f7BoxBot{display:none;}
	
	.page_8{background:url(/style/images/zt/ycmb2/f8Bg_wap.jpg) center bottom no-repeat #f1fcff;background-size:7.5rem auto;padding-bottom: .4rem;}
	.page_8 h2{padding:.25rem 0 .3rem;}
	.page_8 h2 img{width: 2.2rem; height:auto;  }
	.faq-container{padding:0 .6rem;}
	.question{line-height:.28rem;font-size:.24rem;padding:.2rem .1rem;margin-bottom:.07rem;}
	.question i{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);}
	.answer{line-height:.28rem;font-size:.24rem;color:#333;background-color:#f1f5f6;padding:.1rem .2rem;margin-bottom:.07rem;}
	
	.page_9{background-color:#fff;display: block;}
	
	.page_10{padding-bottom:0;}
	.page_10 p.txt{line-height:.3rem;font-size:.24rem;padding: 0 .3rem;}
	.page_10 h2{text-align: center;padding:.35rem 0 .1rem;}
	.page_10 h2 img{width: 2.76rem;}
	.page_10 .projectAll{background-color:#f1fcff;overflow:hidden;}
	
	/*news-footer*/
	.news-footer{height: 6rem; background:url(/style/images/zt/public/footer_wap_bg.jpg) no-repeat center 0;background-size: 100% 100%;}
	.news-footer h2{padding: .42rem 0 .36rem;}
	.news-footer h2 img{width: 4.95rem; height:auto;  }
	.footer-body{width:auto;}
	.footer-body .contact{display:none;}
	.footer-body .contactWap{display:block;}
	.footer-body .contactWap dt{margin:0 auto;}
	.footer-body .contactWap dt,.footer-body .contactWap dt img{width:6.3rem;height:.72rem;}
	.footer-body .contactWap dd{padding-top:.26rem;}
	.footer-body .contactWap dd img{width:6.39rem;margin:0 auto .32rem;}
	.footer-body .contactWap dd p{text-align:center;line-height:.54rem;font-size:.24rem;color:#fff;}
	.news-footer .btn{width:3.52rem;height:.62rem;border-radius:1rem;}
	.news-footer .btn span{line-height:.62rem;padding-left: .35rem;  font-size:.3rem;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;}
	.news-footer .btn b{margin-top: -.2rem; right: .2rem; width: .4rem; height: .4rem;  border-radius: 1rem;}
	.news-footer .btn i{top:.2rem; right: .3rem; width: .22rem; height: .23rem; background-size: 100% 100%;}
	
	.news-footerSwt{background-color:#22a8a9;padding:0;}
	.news-footerSwt img{display:none;}
	.news-footerSwt img.wap{display:block;}
}