@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;}
.container .tit{height:60px;background:url(/style/images/zt/ggzl/tit_bg.png) no-repeat center center;color:#0f507c;font-size:50px;font-weight:normal;text-align:center;line-height:60px;}
.fbanner{height:550px;background:url(/style/images/ajax-loader.gif) center no-repeat;overflow:hidden}
.banner{width:100%;height:550px;overflow:hidden;position:relative;}
.bannerInfo{width:1920px;height:550px;position:absolute;left:50%;top:0;margin-left:-960px;}
.bannerInfo li{position:relative;}
.bannerInfo li,.bannerInfo li img{width:1920px;height:550px;}
.item{width:1200px;margin:0 auto;}

.page-title{padding:60px 0;background-color:#22a8a9;text-align:center;}
.page-title img{display:inline-block;}
.page-title img.ioc{display:block;margin:.1rem auto 0;}
.page_1{background-color:#f1fcff;padding-bottom:53px;}
.page_1 .imgBox{padding:42px 0 44px;}
.page_1 .imgBox img{width:1068px;height:476px;}
.page_1 .btn{width:301px;height:78px;background-color:#fc6e42;margin:0 auto;display:block;border-radius:46px;position:relative;}
.page_1 .btn span{line-height:78px;padding-left:25px;display:block;color:#fff;font-size:43px;font-weight:bold;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;}
.page_1 .btn b{position:absolute;top:50%;margin-top:-32px;right:24px;width:63px;height:63px;background-color:#fff;border-radius:36px;}
.page_1 .btn i{position:absolute;top:19px;right:38px;width:36px;height:40px;background:url(/style/images/zt/buya/ioc_01.png) no-repeat;}

.page_2{background-color:#f1fcff;}
.treatment-comparison{padding:30px 0 57px;}
.treatment-comparison p.txt{text-align:center;line-height:35px;font-size:25px;color:#333;margin-bottom:25px;}
.treatment-comparison table{width:100%;border-collapse:collapse;background:#fff;box-shadow:rgba(0,0,0,0.5) 0 2px 15px ;}
.treatment-comparison th {line-height:107px;font-size:37px;font-weight:bold;color:#fc6435;text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff;background-color:#22a8a9;}
.treatment-comparison th img{margin:0 auto;}
.treatment-comparison td{line-height:29px;font-size:20px;color:#333;padding:15px 40px;}
.treatment-comparison td:nth-child(1){border-right:2px solid #808080;}
.treatment-comparison th:nth-child(1),.treatment-comparison .summary td:nth-child(1){border-right:2px solid #fff;}
.treatment-comparison tr:nth-child(2n+1){background-color:#e9f7f8;}
.treatment-comparison .summary {background:#ed2c5b;}
.treatment-comparison .summary p {margin:5px 0;color:#fff;}

.page_3{background-color:#f1fcff;padding-bottom:47px;}
.page_3 p.tit{display:none;}
.page_3 .page-title{padding:29px 0 37px;}
.page_3 .imgBox{padding:50px 0 60px;margin:0 auto;}
.page_3 .imgBox,.page_3 .imgBox img{width:1169px;height:171px;background:#f1fcff;}
.page_3 h2{padding:85px 0 0;}
.page_3 h2 img{width:552px;height:70px;margin:0 auto;display:block;}
.page_3 p.txt{text-align:center;line-height:85px;font-size:33px;color:#262626;text-shadow:#fff 0 0 5px;padding-bottom:15px;}
.page_3 .btn{width:301px;height:78px;background-color:#fc6e42;margin:0 auto;display:block;border-radius:46px;position:relative;}
.page_3 .btn span{line-height:78px;padding-left:25px;display:block;color:#fff;font-size:43px;font-weight:bold;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;}
.page_3 .btn b{position:absolute;top:50%;margin-top:-32px;right:24px;width:63px;height:63px;background-color:#fff;border-radius:36px;}
.page_3 .btn i{position:absolute;top:19px;right:38px;width:36px;height:40px;background:url(/style/images/zt/buya/ioc_01.png) no-repeat;}

.page_4{background-color:#f1fcff;}
.f4Box ul{padding:37px 0 41px;}
.f4Box li{margin:0 auto;}
.f4Box li,.f4Box li img{width:1198px;height:336px;}
.f4BoxWap{display:none;}
/*page_6*/
.page_7{background:url(/style/images/zt/ggzl2/f7Bg.jpg) center bottom no-repeat #f1fcff;padding-bottom:71px;}
.page_7 h2{padding:56px 0 47px;}
.page_7 h2 img{width:468px;height:72px;margin:0 auto;display:block;}
.question{line-height:60px;font-size:25px;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:60px;font-size:25px;color:#333;background-color:#f1f5f6;padding:10px 20px;margin-bottom:7px;}
/*page_9*/
.page_9{background-color:#fff;}

.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;}
@media only screen and (max-width:750px){
	.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;}
	.container{background-color:#f1fcff;padding-bottom:0;}
	.container img{max-width:100%;display:block;}
	.container .tit{height:.6rem;font-size:.5rem;font-weight:bold;line-height:.6rem;}
	.item{width:auto;}	
	.fbanner{height:5rem;}
	.bannerWAP{display:block;position:relative;}
	.bannerWAP .btn{position:absolute;width:2.3rem;height:.62rem;background-color:#fc6e42; display:block;border-radius:1rem;bottom:.57rem;left:1.41rem;}
	.bannerWAP .btn span{line-height:.62rem;padding-left:.3rem;display:block;color:#fff;font-size:.3rem;font-weight:bold; text-shadow:.01rem .01rem .02rem black,-.01rem -.01rem .02rem black,.01rem -.01rem .02rem black,-.01rem .01rem .02rem black;}
	.bannerWAP .btn b{position:absolute;top:50%; right:.15rem;width:.4rem;height:.4rem;background-color:#fff;border-radius:1rem;transform:translateY(-50%);}
	.bannerWAP .btn i{position:absolute;top:.2rem;right:.25rem;width:.22rem;height:.23rem;background:url(/style/images/zt/buya/ioc_01.png) no-repeat;background-size:100% 100%;}
	
	/*f1Box*/
	.page-title{padding:.23rem 0 .28rem;}
	.page-title img{display:inline-block;}
	.page_1 .page-title img{width:4.96rem;}
	.page_2 .page-title img{width:3.98rem;}
	.page_3 .page-title{padding:.23rem 0 .28rem;}
	.page_3 .page-title img{width:3rem;}
	.page_3 .page-title img.ioc{display:none;}
	.page_4 .page-title img{width:3.48rem;}
	
	.page_1{padding-bottom:.29rem;}
	.page_1 .imgBox{padding:.37rem 0 .39rem;}
	.page_1 .imgBox img{width:6.66rem;height:3.81rem;margin:0 auto;}
	.page_1 .btn{width:2.2rem;height:.62rem;border-radius:1rem;}
	.page_1 .btn span{line-height:.62rem;padding-left:.2rem; font-size:.3rem;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;}
	.page_1 .btn b{margin-top:-.2rem;right:.2rem;width:.4rem;height:.4rem; border-radius:1rem;}
	.page_1 .btn i{top:.2rem;right:.3rem;width:.22rem;height:.23rem;background-size:100% 100%;}
	
	.treatment-comparison{padding:.15rem .3rem .34rem;}
	.treatment-comparison p.txt{line-height:.34rem;font-size:.24rem;margin-bottom:.25rem;}
	.treatment-comparison table{width:100%;background:#e9f7f8;box-shadow:rgba(0,0,0,0.5) 0 0 .15rem;}
	.treatment-comparison th{line-height:.8rem;font-size:.29rem;text-shadow:-.03rem -.03rem 0 #fff,.03rem -.03rem 0 #fff,-.03rem .03rem 0 #fff,.03rem .03rem 0 #fff;}
	.treatment-comparison td{line-height:.29rem;font-size:.24rem;padding:.15rem .2rem;}
	.treatment-comparison td:nth-child(1){width:2.9rem;border-right:.02rem solid #808080;}
	.treatment-comparison th:nth-child(1),.treatment-comparison .summary td:nth-child(1){border-right:.02rem solid #fff;}
	.treatment-comparison tr:nth-child(2n+1){background-color:#ffffff;}
	.treatment-comparison .summary p{margin:.05rem 0;}
	
	.page_3{padding-bottom:.34rem;}
	.page_3 p.tit{line-height:.67rem;font-size:.24rem;font-weight:normal;color:#dc2a56;display:block;text-shadow:-.03rem -.03rem 0 #fff,.03rem -.03rem 0 #fff,-.03rem .03rem 0 #fff,.03rem .03rem 0 #fff;}
	.page_3 .imgBox{padding:.17rem 0 .45rem;}
	.page_3 .imgBox,.page_3 .imgBox img{width:5.62rem;height:2.88rem;}
	
	.page_3 h2{padding:.2rem 0 .1rem;}
	.page_3 h2 img{width:2.42rem;height:auto;}
	.page_3 p.txt{padding-bottom:.2rem; font-size:.24rem; line-height:.5rem;}
	.page_3 .btn{width:2.2rem;height:.62rem;border-radius:1rem;}
	.page_3 .btn span{line-height:.62rem;padding-left:.2rem; font-size:.3rem;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;}
	.page_3 .btn b{margin-top:-.2rem;right:.2rem;width:.4rem;height:.4rem; border-radius:1rem;}
	.page_3 .btn i{top:.2rem;right:.3rem;width:.22rem;height:.23rem;background-size:100% 100%;}

	.f4Box{display:none;}
	.f4BoxWap{padding:.2rem 0 .3rem;display:block;}
	.f4BoxWap dl{width:6.54rem;margin:0 auto;position:relative;}
	.f4BoxWap dt,.f4BoxWap dt img{width:6.54rem;height:1.76rem;}
	.f4BoxWap 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;}
	.f4BoxWap 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;}
	.f4BoxWap span.ioc1{left:.25rem;}
	.f4BoxWap span.ioc2{right:0;}
	.f4BoxWap span.ioc3{left:.25rem;}
	
	.page_7{background:url(/style/images/zt/ggzl2/f8Bg_wap.jpg) center bottom no-repeat #f1fcff;background-size:7.5rem auto;padding-bottom:.4rem;}
	.page_7 h2{padding:.25rem 0 .3rem;}
	.page_7 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:.2rem;top:50%;transform:translateY(-50%);}
	.answer{line-height:.28rem;font-size:.24rem;color:#333;background-color:#f1f5f6;padding:10px 20px;margin-bottom:7px;}
	
	.page_10{padding-bottom:0;background-color:#f1fcff;}
	.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;}
}