@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/csbjy2/banner.jpg) no-repeat center top;overflow:hidden;position:relative;}
.banner a.chatwapp{width:570px;height:90px;display:block;position:absolute;left:50%;bottom:25px;margin-left:-290px;}
.banner a.chatwapp i{position: absolute; top:22px; right:42px; width: 42px; height: 44px; background:url(/style/images/zt/csbjy2/ioc_01.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:46px;background-color: #f1fcff;}
.f1Box{padding:40px 0 0;}
.f1Box dl{box-shadow:rgba(0,0,0,.3) 0 0 10px;border:#fff solid 2px;border-radius:10px;margin-bottom:26px;padding:28px 25px 25px;}
.f1Box dt{line-height:80px;font-size:40px;background-color:#fff;border-radius:10px;padding:0 30px;position:relative;margin-bottom: 25px;}
.f1Box dt i.hot{width: 180px;height: 152px;background: url(/style/images/zt/csbjy2/hot.png) no-repeat;display: block;position: absolute;left: 280px;top: 50%;margin-top: -76px;}
.f1Box dt span{width:780px;text-align:center;font-size:38px;color:#ed2c5b;position:absolute;right:0;top:0;}
.f1Box dt span em{padding:0 20px;display:inline-block;}
.f1Box dd li{line-height:50px;font-size:30px;color:#fff;padding-left:485px;position:relative;}
.f1Box dd li i{width:4px;height:4px;background-color:#fff;display:block;position:absolute;left:475px;top:50%;margin-top:-2px;}
.f1Box dd li span{position:absolute;left:80px;top:0;}
.f1Box dd li span em{width:103px;height:17px;display:block;position:absolute;left:105px;top:50%;margin-block:-8px;}
.f1Box dd li span em.ioc1{background:url(/style/images/zt/csbjy2/01.png) no-repeat;}
.f1Box dd li span em.ioc2{background:url(/style/images/zt/csbjy2/02.png) no-repeat;}
.f1Box dd li span em.ioc3{background:url(/style/images/zt/csbjy2/03.png) no-repeat;}
.f1Box dd li span em.ioc4{background:url(/style/images/zt/csbjy2/04.png) no-repeat;}
.f1Box dd li span em.ioc5{background:url(/style/images/zt/csbjy2/05.png) no-repeat;}

.page_2{padding:0 0 .47rem;}
.f2Box{padding:103px 88px .1rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f2Box dl{float:left;width:490px;background-color: #fff;box-shadow: rgba(0,0,0,.3) 0 0 10px;border-radius:10px;margin-bottom:77px;position:relative;}
.f2Box dt{width:461px;line-height:0;overflow:hidden;margin:0 auto -30px;position:relative;top:-40px;}
.f2Box dt span{line-height:68px;text-align:center;font-size:40px;font-weight:bold;color:#fff;background-color:#22a8a9;border-radius:10px 10px 0 0;margin-bottom:20px;display:block;}
.f2Box dt img{width:457px;height: 240px;border: #22a8a9 solid 2px;border-radius: 0 0 10px 10px;}
.f2Box dd{line-height:42px;text-align:center;font-size:28px;color:#333;padding: 0 20px 30px;}
.f2Box dd i{width:80px;height:72px;display:block;position:absolute;left:12px;top:-54px;}
.f2Box dd i.ioc1{background:url(/style/images/zt/csbjy2/ioc_11.png) no-repeat;}
.f2Box dd i.ioc2{background:url(/style/images/zt/csbjy2/ioc_12.png) no-repeat;}
.f2Box dd i.ioc3{background:url(/style/images/zt/csbjy2/ioc_13.png) no-repeat;}
.f2Box dd i.ioc4{background:url(/style/images/zt/csbjy2/ioc_14.png) no-repeat;}





.f1Box dl.ioc1{background-color:#22a8a9;}
.f1Box dl.ioc2{background-color:#f26b3c;}
.f1Box dl.ioc3{background-color:#333333;}


.page_1 .btn{position:relative;width:369px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_1 .btn img{width:369px;height:90px;display:block;}
.page_1 .btn i{position:absolute;top:23px;right:44px;width:42px;height:42px;background:url(/style/images/zt/csbjy2/ioc_01.png) no-repeat;}

/*f2Box*/
.page_2{padding:0 0 45px;background-color: #f1fcff;}

.page_2 .btn{position: relative; width:369px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_2 .btn img{width:369px;height:90px;display: block;}
.page_2 .btn i{position: absolute; top:23px; right: 44px; width: 42px; height: 44px; background:url(/style/images/zt/csbjy2/ioc_01.png) no-repeat;}

/*f3Box*/
.page_3{background-color:#f1fcff;overflow:hidden;}
.page_3 .imgBox{box-shadow:rgba(0,0,0,.5) 0 0 10px;border-radius:20px;overflow:hidden;margin:54px auto 69px;}




.page_7{padding-bottom:40px;background-color: #f5fdff;}
.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/csbjy2/img_04.png) no-repeat;left:25px;}
.f7Box span.ioc2{width:388px;height:139px;background:url(/style/images/zt/csbjy2/img_05.png) no-repeat;right:68px;}
.f7Box span.ioc3{width:382px;height:154px;background:url(/style/images/zt/csbjy2/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/csbjy2/ioc_01.png) no-repeat;}

.page_8{padding-bottom:71px;background: url(/style/images/zt/csbjy2/f8Bg.jpg) center bottom no-repeat #f1fcff;}
.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:#cbecef;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:#f1f5f6;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:3.34rem;height:auto;display:block;position:absolute;left:2.08rem;bottom:.53rem;}
        .bannerWAP a.chatwapp i{position:absolute;width:.22rem;height:.24rem;top:.15rem;right:.25rem;background:url(/style/images/zt/csbjy2/ioc_01.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:3.26rem;}
	.page_2 .page-title img{width:2.73rem;}
	.page_3 .page-title img{width:2.79rem;}
	.page_4 .page-title img{width:3.48rem;}
	.page_7 .page-title img{width:3.48rem;}
	
	
	/*f1Box*/
	.page_1{padding-bottom:.51rem;}
	.f1Box{}
	.f1Box{margin:.27rem .34rem .26rem;border:#fff solid .02rem;padding: 0;border-radius: .1rem;overflow: hidden;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;}
	.f1Box dl{box-shadow:rgba(0,0,0,.3) 0 0 0;border:0;border-radius:0;margin-bottom:0;padding:.15rem .06rem .15rem;}
	.f1Box dt{line-height:.45rem;font-size:.3rem;border-radius:.1rem;padding:0 .25rem;margin-bottom: .2rem;}
	.f1Box dt i.hot{width: 1.09rem;height: .92rem;background-size: 100% auto;left: 1.5rem;margin-top: 0;transform: translateY(-50%);}
	.f1Box dt span{width:4.65rem;font-size:.24rem;}
	.f1Box dt span em{padding:0 .1rem;}
	.f1Box dd li{line-height:.36rem;font-size:.24rem;padding-left:2.8rem;}
	.f1Box dd li i{width:.04rem;height:.04rem;left:2.7rem;margin-top:-.02rem;}
	.f1Box dd li span{left:.06rem;}
	.f1Box dd li span em{width:1.03rem;height:.17rem;left:1.05rem;margin-block:0;transform: translateY(-50%);}
	.f1Box dd li span em.ioc1,.f1Box dd li span em.ioc2,.f1Box dd li span em.ioc3,.f1Box dd li span em.ioc4,.f1Box dd li span em.ioc5{background-size:100% 100%;}
	
	
	.page_1 .btn{width:2.19rem;height:auto;}
	.page_1 .btn img{width:2.19rem;height:auto;}
	.page_1 .btn i{width:.22rem;height:.24rem;top:.15rem;right:.25rem;background-size:100% auto;}
	
	/*f2Box*/
	.page_2{padding:0 0 .47rem;}
	.f2Box{padding:.32rem .38rem .1rem;}
	.f2Box dl{width:3.25rem;padding:.44rem 0 0;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;border-radius:.1rem;margin-bottom:.27rem;}
	.f2Box dt{width:3.02rem;line-height:0;background-color:#22a8a9;border:#22a8a9 solid .02rem;border-radius:.1rem;overflow:hidden;margin:0 auto;top: 0;}
	.f2Box dt span{line-height:.72rem;font-size:.3rem;margin-bottom: 0;}
	.f2Box dt img{width:100%;height: auto;border-radius: 0;border: 0;}
	.f2Box dd{line-height:.3rem;font-size:.22rem;padding: .1rem 0 .2rem;}
	.f2Box dd i{width:.51rem;height:.47rem;left:.09rem;top:.19rem;}
	.f2Box dd i.ioc1,.f2Box dd i.ioc2,.f2Box dd i.ioc3,.f2Box dd i.ioc4{background-size:100% 100%;}
	
	.page_2 .btn{width:2.19rem;height:auto;}
	.page_2 .btn img{width:2.19rem;height:auto;}
	.page_2 .btn i{width:.22rem;height:.24rem;top:.15rem;right:.25rem;background-size:100% auto;}
	
	/*f3Box*/
	.page_3{background-color:#f1fcff;overflow:hidden;}
        .page_3 .imgBox{width:6.82rem;box-shadow:rgba(0,0,0,.5) 0 0 .1rem;border-radius:.2rem;margin:.33rem auto .36rem;}
	
	
	.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/csbjy2/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;}
}