@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:549px;background:url(/style/images/zt/ycxf2/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:20px; right:24px; width: 41px; height: 43px; background:url(/style/images/zt/ycxf2/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{background-color:#f1fcff;padding-bottom: 53px;}
.f1Box{padding:58px 0 0;overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f1Box dl{float:left;width:348px;height:314px;line-height:0;border-radius:20px;overflow:hidden;position:relative;margin-bottom:28px;background-color: #cbecef;}
.f1Box dt{margin:0 auto;padding-top:21px;}
.f1Box dt,.f1Box dt img{width:264px;height:212px;}
.f1Box dd{width:100%;text-align:center;line-height:100px;font-size:40px;color:#333;position:absolute;left:0;bottom:0;}
.page_1 .btn{position: relative; width:361px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_1 .btn img{width:361px;height:90px;display: block;}
.page_1 .btn i{position: absolute; top:23px; right: 44px; width: 41px; height: 43px; background:url(/style/images/zt/ycxf2/ioc_07.png) no-repeat;}

/*f2Box*/
.f2Box{padding:40px 0 32px;}
.f2Box table{width:100%;border: #fff solid 2px;border-spacing: 0;border-collapse: collapse;box-shadow: rgba(0,0,0,.3) 0 0 10px;margin-bottom:46px;}
.f2Box table th,.f2Box table td{text-align:center;line-height:90px;color:#fff;border-bottom:#fff solid 1px;}
.f2Box table th{font-size:37px;}
.f2Box table td{font-size:29px;}
.f2Box table th:nth-child(1),.f2Box table td:nth-child(1){background-color:#22a8a9;}
.f2Box table th:nth-child(2),.f2Box table td:nth-child(2){background-color:#333;}
.f2Box table th:nth-child(3),.f2Box table td:nth-child(3){background-color:#f26b3c;}
.f2Box table th:nth-child(4),.f2Box table td:nth-child(4){background-color:#333;}
.page_2 .btn{position: relative; width:361px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_2 .btn img{width:361px;height:90px;display: block;}
.page_2 .btn i{position: absolute; top:23px; right: 44px; width: 41px; height: 43px; background:url(/style/images/zt/ycxf2/ioc_07.png) no-repeat;}

/*f3Box*/
.f3Box{padding-bottom:30px;}
.f3Box dl{padding:50px 67px 0;overflow:hidden;}
.f3Box dt{float:right;}
.f3Box dt,.f3Box dt img{width:371px;height:529px;}
.f3Box dt img.wap{display:none;}
.f3Box dd{float:left;width:670px;}
.f3Box li{position:relative;padding:0 0 40px 100px;}
.f3Box li span{line-height: 50px;font-size: 37px;}
.f3Box li small{display:block;font-size: 29px;}
.f3Box li i{width:83px;height:53px;display:block;position:absolute;left:0;top:0;}
.f3Box li i.ioc1{background:url(/style/images/zt/ycxf2/ioc_08.png) no-repeat;}
.f3Box li i.ioc2{background:url(/style/images/zt/ycxf2/ioc_09.png) no-repeat;}
.f3Box li i.ioc3{background:url(/style/images/zt/ycxf2/ioc_10.png) no-repeat;}
.f3Box li i.ioc4{background:url(/style/images/zt/ycxf2/ioc_11.png) no-repeat;}
.page_3 .btn{position: relative; width:520px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_3 .btn img{width:520px;height:90px;display: block;}
.page_3 .btn i{position: absolute; top:23px; right: 44px; width: 41px; height: 43px; background:url(/style/images/zt/ycxf2/ioc_07.png) no-repeat;}

.page_4 .imgBox{margin:0 auto;padding: 55px 0;}
.page_4 .imgBox,.page_4 .imgBox img{width:1155px;height:194px;}
.page_4 .imgBox img.wap{display:none;}

.f5Box{padding:25px 0 40px;}
.f5Box table{width:100%;border: #fff solid 2px;border-spacing: 0;border-collapse: collapse;box-shadow: rgba(0,0,0,.3) 0 0 10px;margin-bottom:46px;}
.f5Box table th,.f5Box table td{text-align:center;line-height:88px;color:#fff;border-bottom:#fff solid 1px;}
.f5Box table th{font-size:37px;}
.f5Box table td{font-size:29px;position:relative;}
.f5Box table td i{height:34px;font-size:0;display:block;position:absolute;right:5px;top:-5px;}
.f5Box table td i.ioc1{width:124px;background:url(/style/images/zt/ycxf2/ioc_01.png) no-repeat;}
.f5Box table td i.ioc2{width:122px;background:url(/style/images/zt/ycxf2/ioc_02.png) no-repeat;}
.f5Box table th:nth-child(1),.f5Box table td:nth-child(1){text-align:left;padding:0 20px;background-color:#22a8a9;}
.f5Box table th:nth-child(2),.f5Box table td:nth-child(2){background-color:#333;}
.f5Box table th:nth-child(3),.f5Box table td:nth-child(3){background-color:#f26b3c;}
.page_5 .btn{position: relative; width:520px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_5 .btn img{width:520px;height:90px;display: block;}
.page_5 .btn i{position: absolute; top:23px; right: 44px; width: 41px; height: 43px; background:url(/style/images/zt/ycxf2/ioc_07.png) no-repeat;}

.page_6{padding-bottom:40px;}
.f6Box{padding:30px 10px 0;overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f6Box dt{box-shadow:rgba(0,0,0,.3) 0 0 10px;}
.f6Box dt,.f6Box dt img{width:581px;height:197px;}
.f6Box dd{overflow:hidden;padding-bottom:30px;}
.f6Box dd span{float:left;width:50%;text-align:center;line-height:63px;font-size:37px;color:#333;}
.page_6 .btn{position: relative; width:520px;height:90px;font-size:0;margin:0 auto;display: block;}
.page_6 .btn img{width:520px;height:90px;display: block;}
.page_6 .btn i{position: absolute; top:23px; right: 44px; width: 41px; height: 43px; background:url(/style/images/zt/ycxf2/ioc_07.png) no-repeat;}

.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/ycxf2/img_04.png) no-repeat;left:25px;}
.f7Box span.ioc2{width:388px;height:139px;background:url(/style/images/zt/ycxf2/img_05.png) no-repeat;right:68px;}
.f7Box span.ioc3{width:382px;height:154px;background:url(/style/images/zt/ycxf2/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: 41px; height: 43px; background:url(/style/images/zt/ycxf2/ioc_07.png) no-repeat;}

.page_8{padding-bottom:71px;}
.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:60px;font-size:25px;color:#333;background-color:#fff8f6;padding:10px 20px;margin-bottom:7px;}

.page_9{display:none;}

.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/ycxf2/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.25rem;height:auto;display:block;position:absolute;left:.55rem;bottom:.67rem;}
    .bannerWAP a.chatwapp i{position: absolute; top:.2rem; right:.24rem; width: .23rem; height: .26rem; background:url(/style/images/zt/ycxf2/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:3.98rem;}
	.page_2 .page-title img{width:2.99rem;}
	.page_3 .page-title img{width:3.8rem;}
	.page_4 .page-title img{width:2rem;}
	.page_5 .page-title img{width:2.99rem;}
	.page_6 .page-title img{width:3.97rem;}
	.page_7 .page-title img{width:3.48rem;}
	.page_8 .page-title img{width:rem;}
	.page_9 .page-title img{width:rem;}
	.page_10 .page-title img{width:rem;}
	
	
	/*f1Box*/
	.page_1{padding-bottom:.25rem;}
	.f1Box{padding:.37rem .9rem 0;}
	.f1Box dl{width:1.52rem;height:auto;border-radius:0;margin-bottom:.2rem;background-color: transparent;}
	.f1Box dt{margin:0 auto;padding-top:0;}
	.f1Box dt,.f1Box dt img{width:1.52rem;height:auto;}
	.f1Box dd{line-height:.5rem;font-size:.28rem;position:relative;}
	.page_1 .btn{width:2.45rem;height:auto;}
	.page_1 .btn img{width:2.45rem;height:auto;}
	.page_1 .btn i{width:.23rem;height:.26rem;top:.2rem;right:.3rem;background-size:100% auto;}
	
	/*f2Box*/
	.f2Box{padding:.24rem .3rem .24rem;}
	.f2Box table{border: #fff solid 2px;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;margin-bottom:.27rem;}
	.f2Box table th,.f2Box table td{line-height:.32rem;font-weight:bold;padding:.15rem .05rem;}
	.f2Box table th{font-size:.24rem;}
	.f2Box table td{font-size:.24rem;}
	.f2Box table th:nth-child(1){width:.7rem;}
	.f2Box table th:nth-child(2){width:1.1rem;}
	.f2Box table th:nth-child(3){width:1.2rem;}
	.f2Box table th:nth-child(4){width:1.3rem;}
	.f2Box table th:nth-child(1),.f2Box table td:nth-child(1){background-color:#22a8a9;}
	.f2Box table th:nth-child(2),.f2Box table td:nth-child(2){background-color:#333;}
	.f2Box table th:nth-child(3),.f2Box table td:nth-child(3){background-color:#f26b3c;}
	.f2Box table th:nth-child(4),.f2Box table td:nth-child(4){background-color:#333;}
	.page_2 .btn{width:2.45rem;height:auto;}
	.page_2 .btn img{width:2.45rem;height:auto;}
	.page_2 .btn i{width:.23rem;height:.26rem;top:.2rem;right:.3rem;background-size:100% auto;}
	
	/*f3Box*/
	.page_3{background-color:#f1fcff;}
	.f3Box{padding-bottom:.23rem;}
	.f3Box dl{padding:.25rem .4rem 0;}
	.f3Box dt{}
	.f3Box dt,.f3Box dt img{width:3.53rem;height:auto;}
	.f3Box dt img{display:none;}
	.f3Box dt img.wap{display:block;}
	.f3Box dd{width:3rem;padding-top: .2rem;}
	.f3Box li{position:relative;padding:0 0 .2rem .6rem;}
	.f3Box li span{line-height:.3rem;font-size: .28rem;font-weight:bold;}
	.f3Box li small{font-size:.24rem;font-weight: normal;}
	.f3Box li i{width:.45rem;height:.45rem;}
	.f3Box li i.ioc1{background-size:100% auto;}
	.f3Box li i.ioc2{background-size:100% auto;}
	.f3Box li i.ioc3{background-size:100% auto;}
	.f3Box li i.ioc4{background-size:100% auto;}
	.page_3 .btn{ width:3.37rem;height:auto;}
	.page_3 .btn img{width:3.37rem;height:auto;}
	.page_3 .btn i{width:.23rem;height:.26rem;top:.2rem;right:.3rem;background-size:100% auto;}
	
	.page_4 .imgBox{margin:0 auto;padding: .3rem 0 .39rem;}
        .page_4 .imgBox,.page_4 .imgBox img{width:6.31rem;height:2.26rem;}
	.page_4 .imgBox img{display:none;}
	.page_4 .imgBox img.wap{display:block;}
	
	.page_5{background-color:#f2fcff;}
	.f5Box{padding:.2rem .34rem .25rem;}
	.f5Box table{border: #fff solid 2px;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;margin-bottom:.25rem;}
	.f5Box table th,.f5Box table td{line-height:.7rem;}
	.f5Box table th{font-size:.24rem;}
	.f5Box table td{font-size:.24rem;}
	.f5Box table th:nth-child(1), .f5Box table td:nth-child(1){padding:0 .1rem;}
	.f5Box table td i{height:34px;display:block;position:absolute;right:.05rem;top:-.1rem;}
	.f5Box table td i.ioc1{width:1rem;background-size:100% auto;}
	.f5Box table td i.ioc2{width:1rem;background-size:100% auto;}
	
	.page_5 .btn{ width:3.37rem;height:auto;}
	.page_5 .btn img{width:3.37rem;height:auto;}
	.page_5 .btn i{width:.23rem;height:.26rem;top:.2rem;right:.3rem;background-size:100% auto;}
	
	.page_6{padding-bottom:.24rem;}
	.f6Box{padding:.3rem .4rem .16rem;}
	.f6Box dt{box-shadow:rgba(0,0,0,.3) 0 0 10px;}
	.f6Box dt,.f6Box dt img{width:3.18rem;height:auto;}
	.f6Box dd{padding-bottom:.06rem;}
	.f6Box dd span{line-height:.45rem;font-size:.24rem;}
	.page_6 .btn{ width:3.37rem;height:auto;}
	.page_6 .btn img{width:3.37rem;height:auto;}
	.page_6 .btn i{width:.23rem;height:.26rem;top:.2rem;right:.3rem;background-size:100% auto;}
	
	.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 .07rem;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;}
	
	.page_8{background:url(/style/images/zt/ycxf2/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;color:#ed2c5b;background-color:#cbecef;padding:.2rem .1rem;margin-bottom:7px;position:relative;}
	.question i{position:absolute;right:43px;top:50%;transform:translateY(-50%);}
	.answer{line-height:.28rem;font-size:.24rem;color:#333;background-color:#f1f5f6;padding:10px 20px;margin-bottom:7px;}
	
	.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/ycxf2/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;}
}