@charset "utf-8";
/*
* Author:luochou
* Date:2024.7.22
*/
.item{width: 1280px; margin:0 auto;}

.banner{position: relative; height: 807px; overflow: hidden;}
.banner-swiper{position:absolute; left: 50%; top:0; margin-left: -960px; width:1920px; height: 815px; overflow:hidden;}
.banner-swiper .swiper-slide{position:relative; width: 1920px;}
.banner-swiper .swiper-slide,.banner-swiper .swiper-slide img{width:1920px;height:807px;}
.banner-swiper .pagination{width:100;text-align:center;line-height:0;position:absolute;left:0;bottom:20px;z-index:1;}
.banner-swiper .pagination span{width:16px;height:16px;font-size:0;background-color:#ccc;border-radius:50%;opacity:1;margin:0 12px;display:inline-block;vertical-align:top;}
.banner-swiper .pagination .swiper-pagination-bullet-active{background-color:#cc9b73;}
.bannerWap,.f1BoxWap,.f2BoxWap,.f3BoxWap,.f4BoxWap,.f5BoxWap,.f6BoxWap,.f7BoxWap{display: none;}
/*f1Box*/
.f1Box{padding-top: 42px;}
.f1Box h2{padding-bottom: 18px; color: #b88a7a; font-size: 32px; font-weight: normal; text-align: center; line-height: 64px;}
.f1Info{width: 1200px; margin: 0 auto;}
.f1Info p{padding-bottom: 32px; color: #9b9b9b; font-size: 20px; line-height: 32px; text-indent: 2em; text-align: justify;}
.f1List{padding: 60px 0; background-color: #fefcf2;}
.f1List ul{width: 1280px; height: 152px; margin: 0 auto;}
.f1List li{float: left; width: 221px; margin-right: 43px;transition:all .3s;}
.f1List li.mr0{margin-right: 0;}
.f1List li:hover{transform: translateY(-10px);box-shadow: 0 0 6px rgba(0,0,0,.5); cursor: pointer;}
.f1List li img{width: 221px; height: 152px; display: block;}
/*f2Box*/
.f2Box{padding-top: 60px;}
.f2Box h2{padding-bottom: 30px; text-align: center;}
.f2Box h2 i{width: 62px; height:52px; display: block; margin: 0 auto;background: url(../images/index/wap/icon_04.png) no-repeat;}
.f2Box h2 span{color: transparent;font-size:52px; font-weight: 800; line-height: 108px; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
.f2Con{overflow: hidden;}
.f2Con dl{float: left; position: relative; width: 415px; height: 600px; margin-bottom: 30px; padding-top: 40px; background:url(../images/index/f2Box_dl_01.jpg) no-repeat;}
.f2Con dl.d2{margin: 0 17px 0 18px;}
.f2Con dt{width: 295px; height: 269px; margin: 0 auto; overflow: hidden;}
.f2Con dt img{width: 295px; height: 269px;display: block;transition:all .3s;}
.f2Con dt img:hover{transform: scale(1.1);-webkit-transform: scale(1.1); cursor: pointer;}
.f2Con dd{padding-top: 20px;}
.f2Con dd h3{padding-bottom: 4px; text-align: center;}
.f2Con dd h3 span{display: block; color: transparent;font-size:43px; font-weight: 800; line-height: 52px; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
.f2Con dd h3 small{display: block; color: #b88a7a; font-size: 24px; font-weight: normal; line-height: 36px;}
.f2Con dd p{position: relative; height: 36px; padding-left: 84px; color: #666; font-size: 20px; line-height: 36px;}
.f2Con dd p i{width: 17px; height: 16px; margin-right: 8px; display: inline-block; background:url(../images/index/icon_hook.png) no-repeat;}
.f2Con dd .btn{width: 224px; height: 40px; margin:32px auto 0; display: block; background-color: #b88a7a; color: #fff; font-size: 20px; font-weight: bold; line-height: 40px; text-align: center;transition:all .3s;}
.f2Con dd .btn:hover{background-color: #ff5211;}
.f2Con .d4,.f2Con .d5{width: 620px; height: 348px; padding-top: 0; background:url(../images/index/f2Box_dl_02.jpg) no-repeat;}
.f2Con .d5{float: right;}
.f2Con .d4 dt,.f2Con .d5 dt{position: absolute; left: 30px; top:40px;}
.f2Con .d4 dd,.f2Con .d5 dd{padding: 52px 0 0 345px;}
.f2Con .d4 dd h3,.f2Con .d5 dd h3{text-align: left;}
.f2Con .d4 dd p,.f2Con .d5 dd p{padding-left: 5px;}
.f2Con .d4 dd .btn,.f2Con .d5 dd .btn{margin: 18px 0 0 0;}
/*f3Box*/
.f3Box{padding-top: 38px;}
.f3Box .tit{padding-bottom: 68px;}
.f3Box .tit h2{color: #666; font-size: 42px; font-weight: normal; text-align: center; line-height: 80px; overflow: hidden;}
.f3Box .tit h2 span{padding-left: 20px; color: transparent;font-size:68px; font-weight: 800; line-height: 80px; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
.f3Box .tit h2 span i{font-size: 62px;}
.f3Box .tit p{height:80px; color: #333; font-size: 42px; text-align: center; line-height: 80px; overflow: hidden;}
.f3Box .tit p span{padding-right: 10px; color: transparent;font-size:52px; font-weight: 800; line-height: 80px; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
.f3List{padding:38px 0 62px; background-color: #fefcf2;}
.f3List h2{padding-bottom: 46px; color: #b88a7a; font-size: 38px; text-align: center; line-height: 54px;}
.f3List h2 small{display: block; color: #666; font-size: 20px; font-weight: normal; line-height: 36px;text-transform: uppercase;}
.f3List ul{width: 1280px; margin: 0 auto; overflow: hidden;}
.f3List li{float: left; position: relative; width: 412px; height: 466px; margin-right: 22px; overflow: hidden;}
.f3List li.mr0{margin-right: 0;}
.f3List li img{width: 412px; height: 466px;display: block;transition:all .3s;}
.f3List li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); cursor: pointer;}
.f3List li .desc{position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background-color: rgba(0,0,0,.6);}
.f3List li h3{padding: 12px 0 14px; color: #fff; font-size: 24px; line-height: 40px; text-align: center;}
.f3List li p{padding: 0 35px; color: #fff; font-size: 20px; line-height: 28px; text-align: justify;}
/*f4Box*/
.f4Box{padding: 38px 0 82px;}
.f4Box h2{color: #b88a7a; font-size: 38px; text-align: center; line-height: 56px;}
.f4Box h2 small{display: block; color: #666; font-size: 20px; font-weight: normal; line-height: 36px;text-transform: uppercase;}
.doctorTeamPC{padding-top: 24px;}
.doctorTeamPC .tab{display: flex;display: -webkit-flex;justify-content: space-between;}
.doctorTeamPC .tab span{width:100%; height:50px; background-color: #fff4e6; color: #666; font-size: 24px; font-weight: bold; display: flex;display: -webkit-flex;justify-content: center;align-items: center;transition:all .3s;}
.doctorTeamPC .tab span.active{background-image: linear-gradient(to bottom, #b78d80, #e0b7a2);background-image: -webkit-linear-gradient(to bottom, #b78d80, #e0b7a2); color: #fff; font-weight: bolder; cursor: pointer;}
.doctorSwiperPC{position: relative;}
.doctorSwiperPC .swiper-slide{width: 100%;}
.doctorSwiperPC dl{position: relative; height: 578px;padding-left: 602px; background:#fdfaf5 url(../images/index/doctorSwiper_dl_bg.jpg) no-repeat;}
.doctorSwiperPC dt{position: absolute; left: 0; top:0; width: 600px; height: 578px;}
.doctorSwiperPC dt img{width: 600px; height: 578px;display: block;}
.doctorSwiperPC dd{padding: 80px 10px 0 0;}
.doctorSwiperPC dd h3{line-height: 64px;}
.doctorSwiperPC dd h3 span{height: 64px; display: inline-block; color: transparent;font-size:24px; font-weight: bolder; line-height:64px; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
.doctorSwiperPC dd h3 span b{padding-right: 14px; font-size: 42px; font-weight: bolder;}
.doctorSwiperPC dd h3 em{padding-left: 26px; color: #333; font-size: 20px;}
.doctorSwiperPC dd h3 em b{font-weight: 600;}
.doctorSwiperPC dd .info{padding:22px 0 32px;}
.doctorSwiperPC dd .info span{display: block; color: #666; font-size: 20px; line-height: 28px;}
.doctorSwiperPC dd p{color: #666; font-size: 20px;  line-height: 28px;}
.doctorSwiperPC dd p span{width: 122px; height: 38px; margin-bottom: 12px; display: block; background-color: #d0a795; border-radius: 5px; color: #fff; font-size: 20px; line-height: 38px; text-align: center;}
.doctorSwiperPC dd .btn{width: 230px; height: 44px; margin-top: 40px; display: block; background-image: linear-gradient(to bottom, #b78d80, #e0b7a2);background-image: -webkit-linear-gradient(to bottom, #b78d80, #e0b7a2); color: #fff; font-size: 18px; line-height: 44px; font-weight: bolder; text-align: center;transition:all .3s;}
.doctorSwiperPC dd .btn:hover{box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.doctorSwiperPC .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:10px;z-index:1;}
.doctorSwiperPC .pagination span{width:16px;height:16px;font-size:0;background-color:#ccc;border-radius:50%;opacity:1;margin:0 10px;display:inline-block;vertical-align:top;}
.doctorSwiperPC .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
/*f5Box*/
.f5Bg{background-color: #fefcf2;}
.f5Box{padding: 52px 0 62px;}
.f5Box h2{padding-bottom: 36px; color: #b88a7a; font-size: 32px; line-height: 64px; text-align: center;}
.f5Swiper{position: relative; height: 487px; padding-bottom: 50px;}
.f5Swiper .swiper-slide{width: 400px; height: 487px;}
.f5Swiper .swiper-slide img{width: 400px; height: 487px;display: block;}
.f5Swiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:0;z-index:1;}
.f5Swiper .pagination span{width:8px;height:8px;font-size:0;background-color:#c6c6c6;border-radius:50%;opacity:1;margin:0 6px;display:inline-block;vertical-align:top;}
.f5Swiper .pagination .swiper-pagination-bullet-active{background-color:#000;}
/*f6Box*/
.f6Box{padding:110px 0 60px;}
.f6Box dl{position: relative; height: 443px; padding-right: 690px;}
.f6Box dt{}
.f6Box dt h3{padding-bottom: 40px;}
.f6Box dt h3 span{display: inline-block; padding-bottom:16px;color: #b88a7a; font-size: 38px; line-height: 58px; border-bottom: 2px solid #cca391;}
.f6Box dt p{color: #666; font-size: 20px; line-height: 32px; text-align: justify;}
.f6Box dt .btn{width: 230px; height: 44px; margin-top: 90px; display: block; background-image: linear-gradient(to bottom, #b78d80, #e0b7a2);background-image: -webkit-linear-gradient(to bottom, #b78d80, #e0b7a2); color: #fff; font-size: 18px; line-height: 44px; font-weight: bolder; text-align: center;}
.f6Box dd{position: absolute; top: 0; right: 0; width: 639px; height: 443px; overflow: hidden;}
.f6Box dd img{width: 639px; height: 443px;display: block; transition:all .3s;}
.f6Box dd:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); cursor: pointer;}
.f6Box ul{height: 270px; padding-top: 52px;}
.f6Box li{float: left; width: 362px; margin-right: 97px; border-radius: 10px; overflow: hidden;}
.f6Box li.mr0{margin-right: 0;}
.f6Box li img{width: 362px; height: 270px; display: block;transition:all .3s;}
.f6Box li img:hover{transform: scale(1.04);-webkit-transform: scale(1.04); cursor: pointer;}
/*f7Box*/
.f7Bg{background-color: #fefcf2;}
.f7Box{padding:20px 0 82px;}
.f7Box h2{color: #b88a7a;font-size: 32px; font-weight: bolder; line-height:68px;text-align: center;}
.f7Con{padding-top:10px;}
.f7Con dl{border-bottom: 1px solid #dadada;}
.f7Con dl:last-child{border-bottom: none;}
.f7Con dt{position: relative; height:54px; padding: 0 70px 0 40px; background-color: #f4f0ea; color: #333; font-size: 18px; line-height:54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.f7Con dt span{position: absolute; right: 28px; top:50%; margin-top: -10px; width:20px; height:20px;}
.f7Con dt span i{position: absolute; background-color: #909090;transition:all .3s;}
.f7Con dt span i:nth-child(1){left: 0; top:50%; margin-top: -1px; width: 100%; height: 2px;}
.f7Con dt span i:nth-child(2){top: 0; left:50%; margin-left: -1px; width: 2px; height: 100%;}
.f7Con dt b{font-weight: bold;}
.f7Con dd{padding:22px 40px 20px; background-color: #fff; color: #666; font-size:18px; line-height: 30px; text-align: justify; display: none;}
.f7Con dl.active dt{background-color: #bf9586; color: #fff; cursor: pointer;}
.f7Con dl.active dt span i{background-color: #fff;}
.f7Con dl.active dt span i:nth-child(2){display: none;}



@media only screen and (max-width: 750px){
	.item{width: 100%;}
	.container img{max-width: 100%; display: block;}
	.banner,.f1Box,.f2Box,.f3Box,.f4Box,.f5Box,.f6Box{display: none;}
	.bannerWap{position:relative;width:100%;overflow:hidden;display:block;}
	.bannerWap .swiper-slide{position:relative;}
	.bannerWap .swiper-slide img{width:100%;height:6.6rem;}
	.bannerWap .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1; display: none;}
	.bannerWap .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
	.bannerWap .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
	/*f1BoxWap*/
	.f1BoxWap{padding:.4rem 0 .6rem; display: block;}
	.f1BoxWap h2{color: #b88a7a; font-size: .42rem; line-height:1.8; text-align: center;}
	.f1ConWap{padding: 0 .24rem .2rem;}
	.f1ConWap p{color: #666; font-size: .28rem; line-height: 1.5; text-align: justify;}
	.f1ListWap{height: 5.8rem;padding:.2rem .24rem 0;background: url(../images/index/wap/f1List_bg.jpg) no-repeat;background-size: 100% 100%;box-sizing: border-box;}
	.f1List-item{width: 4rem; margin-bottom: .2rem;}
	.f1List-item img{width: 2.04rem; margin-bottom: .1rem;}
	.f1List-item p{color: #666; font-size: .24rem;}
	.f1BoxWap ul{padding: 0 .24rem; margin-top: -.24rem; gap:.12rem 0; display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
	.f1BoxWap li{width: 2.18rem;}
	/*f2Box*/
	.f2Bg{background-color: #fff4e6;}
	.f2BoxWap{padding:.42rem .24rem .28rem;display: block;}
	.f2BoxWap h2{text-align: center;}
	.f2BoxWap h2 i{width: .62rem; height: .52rem; display: block; margin: 0 auto;background: url(../images/index/wap/icon_04.png) no-repeat;background-size: 100% 100%;}
	.f2BoxWap h2 span{color: transparent;font-size: .62rem; font-weight: 600; line-height: .72rem; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
	.f2BoxWap ul{padding-top: .28rem;}
	.f2BoxWap li{position: relative; margin-bottom: .3rem; border-radius: .12rem; box-shadow: 0 0 .18rem rgba(0,0,0,.1);overflow: hidden;}
	.f2BoxWap li .btn{position: absolute; bottom: .4rem; left: 3.66rem; width: 2.24rem; height: .48rem; background-color: #b88a7a; color: #fff; font-size: .28rem; font-weight: 600; text-align: center;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
	/*f3BoxWap*/
	.f3Bg{background:#fff url(../images/index/wap/f3Bg.jpg) no-repeat center top; background-size: 100% 4rem;}
	.f3BoxWap{padding:.52rem .24rem 0;display: block;}
	.f3BoxWap .top{text-align: center;}
	.f3BoxWap .top h3{padding-bottom: .1rem; color: transparent;font-size: .68rem; font-weight: 800; line-height: .82rem; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
	.f3BoxWap .top h3 i{font-weight: 100;}
	.f3BoxWap .top p{color: #333; font-size: .42rem; line-height: .62rem;} 
	.f3BoxWap h2{padding-top: .6rem; text-align: center;}
	.f3BoxWap h2 span{color: transparent;font-size: .52rem; font-weight: 800; line-height: .68rem; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
	.f3BoxWap h2 small{display: block; color: #666; font-size: .2rem; font-weight: normal; line-height:.34rem; text-transform: uppercase;}
	.f3BoxWap ul{padding-top: .36rem;}
	.f3BoxWap li{position: relative; width:100%; margin-bottom: .2rem;}
	.f3BoxWap li .desc{position: absolute; right: .2rem; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); padding:.24rem .2rem; background-color: rgba(0,0,0,.6);}
	.f3BoxWap li:nth-child(2) .desc{left: .2rem; right: auto;}
	.f3BoxWap li .desc h3{color: #f5e0c6; font-size: .24rem; line-height: .4rem;}
	.f3BoxWap li .desc p{color: #fff; font-size: .24rem; line-height: 1.4;}
	/*f4BoxWap*/
	.f4BoxWap{padding:.4rem .25rem .44rem;display: block;}
	.f4BoxWap h2{text-align: center;}
	.f4BoxWap h2 span{color: transparent;font-size: .52rem; font-weight: bolder; line-height: .68rem; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
	.f4BoxWap h2 small{display: block; color: #666; font-size: .2rem; font-weight: normal; line-height:.34rem; text-transform: uppercase;}
	.doctorTeam{padding-top: .32rem;}
	.doctorTeam .tab{display: flex;display: -webkit-flex;justify-content: space-between;}
	.doctorTeam .tab span{width:100%; height: .64rem; background-color: #fff4e6; color: #666; font-size: .28rem; font-weight: bold; display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
	.doctorTeam .tab span.active{background-image: linear-gradient(to bottom, #b78d80, #e0b7a2);background-image: -webkit-linear-gradient(to bottom, #b78d80, #e0b7a2); color: #fff;}
	.doctorSwiper{position: relative;}
	.doctorSwiper .swiper-slide{width: 100%;}
    .doctorSwiper .swiper-slide img{width: 100%;}
    .doctorSwiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.1rem;z-index:1;}
	.doctorSwiper .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#ccc;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
	.doctorSwiper .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
	/*f5BoxWap*/
	.f5Bg{background-color: #fff4e6;}
	.f5BoxWap{padding:.4rem .24rem .4rem;display: block;}
	.f5BoxWap h2{padding-bottom: .2rem; color: #b88a7a;font-size: .52rem; font-weight: bolder; line-height: .68rem;text-align: center;}
	.f5SwiperWap{width: 100%;padding-bottom: .4rem;}
    .f5SwiperWap .swiper-slide {width: 5rem;height: 5.84rem;}
    .f5SwiperWap .swiper-slide img{width: 100%; height: 100%;}
    .f5SwiperWap .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:0;z-index:1;}
	.f5SwiperWap .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#ccc;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
	.f5SwiperWap .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
	/*f6BoxWap*/
	.f6BoxWap{padding: .4rem 0 .2rem;display: block;}
	.f6BoxWap h2{text-align: center;}
	.f6BoxWap h2 span{color: transparent;font-size: .52rem; font-weight: bolder; line-height: .68rem; background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
	.f6BoxWap h2 small{display: block; color: #666; font-size: .2rem; font-weight: normal; line-height:.34rem; text-transform: uppercase;}
	.f6BoxWap ul{padding:.24rem .4rem 0; display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
	.f6BoxWap li{width: 3.22rem; margin-bottom: .28rem; border-radius: .1rem; overflow: hidden;}
	/*f7BoxWap*/
	.f7Bg{background-color: #fff4e6;}
	.f7Box{padding:.42rem .24rem .6rem;}
	.f7Box h2{font-size: .52rem;line-height: .68rem;}
	.f7Con{padding-top: .24rem;}
	.f7Con dt{height: .84rem; padding: 0 .32rem 0 .2rem; font-size: .32rem; line-height: .84rem;}
	.f7Con dt span{right: .2rem;margin-top: -.16rem; width: .32rem; height: .32rem;}
	.f7Con dd{padding:.22rem .2rem .24rem;font-size: .28rem; line-height: 1.5;}
	
}