@charset "utf-8";
/*
* Author:luochou
* Date:2024.7.25
*/


.item{width: 1280px; margin:0 auto;}
.container .tit{color: #a7887a; font-size: 38px; text-align: center; line-height:54px;}
.container .tit small{display:block; color: #9b9b9b;font-size:20px; font-weight: normal; line-height: 36px;text-transform: uppercase;}

.banner{position: relative; height: 810px; overflow: hidden;}
.banner-swiper{position:absolute; left: 50%; top:0; margin-left: -960px; width:1920px; height: 810px; overflow:hidden;}
.banner-swiper .swiper-slide{position:relative; width: 1920px;}
.banner-swiper .swiper-slide,.banner-swiper .swiper-slide img{width:1920px;height:810px;}
.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:#cac9cb;border-radius:50%;opacity:1;margin:0 12px;display:inline-block;vertical-align:top;}
.banner-swiper .pagination .swiper-pagination-bullet-active{background-color:#0f8f8f;}
.bannerWap,.f1BoxWap,.f2BoxWap,.f3BoxWap,.f4BoxWap,.f5BoxWap,.f6BoxWap,.f7BoxWap{display: none;}
/*f1Box*/
.f1Box{padding: 48px 0 62px;}
.f1List{padding: 50px 0 58px; overflow: hidden;}
.f1List dl{float: left; width: 390px; margin-right:55px;}
.f1List dl:last-child{margin-right: 0;}
.f1List dt{height: 200px; border-radius: 12px 12px 0 0; overflow: hidden;}
.f1List dt img{width: 390px; height: 200px; display: block;transition:all .3s;}
.f1List dt:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); cursor: pointer;}
.f1List dd{height: 182px; padding: 0 18px 0 30px;border: 1px solid #af8071; border-radius: 0 0 12px 12px;}
.f1List dd h3{padding: 16px 0 12px; color: #a7887a; font-size:30px; line-height:44px; text-align: center;}
.f1List dd p{color: #666; font-size:20px; line-height:30px; text-align: justify;}
.f1Box .txt{color: #666; font-size:28px; line-height:50px; text-align: center;}
.f1Box .arrow{width: 0;height: 0; margin:26px auto 40px; display: block;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 13px solid #2f140c; border-radius:2px;transform: rotate(180deg); -webkit-transform: rotate(180deg); overflow: hidden;}
.f1Box .btn{width:280px; height:52px; margin: 0 auto; display: block; background-color: #b88a7a; color: #fff; font-size:27px; text-align: center; line-height: 52px;}
.f1Box .btn:hover{background-color: #bb9e93;}
/*f2Box*/
.f2Bg{background-color: #fefcf2;}
.f2Box{padding:64px 0 60px;}
.f2Box ul{padding-top:40px; overflow: hidden;}
.f2Box li{float: left; width: 304px; margin-right:21px;transition:all .3s;}
.f2Box li:last-child{margin-right: 0;}
.f2Box li:hover{transform: translateY(-10px);cursor: pointer;}
.f2Box li img{width:302px; margin-bottom:10px; display: block; border: 1px solid #af8071; border-radius:16px 16px 0 0;}
.f2Box li span{height:35px; display: block; background-color: #fff; border: 1px solid #af8071; color: #2f140c; font-size: 24px; line-height: 35px; text-align: center;}
/*f3Box*/
.f3Bg{background:#fff;}
.f3Box{padding:60px 0 64px;}
.f3List{overflow: hidden;}
.f3List dl{float:left; width: 606px; height: 233px; padding:42px 0; background:url(../images/shuangyanpi/wap/line.png) no-repeat left bottom; background-size: 100% 2px;}
.f3List dl:nth-child(2n){float: right;}
.f3List dt{float: left; width:233px;}
.f3List dt img{width: 233px; height: 233px; display: block;}
.f3List dd{float: right; width: 320px;}
.f3List dd h3{color: #2f140c; font-size:24px; font-weight: 600; line-height: 46px;}
.f3List dd h3 b{font-weight: bolder;}
.f3List dd p{padding-top:8px; color: #000; font-size:18px; line-height: 32px;}
.f3List dd .wide{padding-top:30px; color: #2f140c; font-size:24px; line-height: 30px;}
.f3List dd .wide b{font-weight: bold;}
.f3Info{padding-top:50px; text-align: center;}
.f3Info .arrow{width: 0;height: 0; margin:0 auto 25px; display: block;border-left: 8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid #2f140c; border-radius:2px;transform: rotate(180deg); -webkit-transform: rotate(180deg); overflow: hidden;}
.f3Info h3{color: #000; font-size:20px; line-height: 46px;}
.f3Info h3 b{font-size: 36px; font-weight: 600;}
.f3Info h4{padding-bottom:18px; color: #000; font-size:24px; line-height:66px;}
.f3Info h4 span{width:556px; height:54px; margin: 0 auto; display: block; border: 1px solid #2f140c; color: #000; font-size:24px; text-align: center; line-height:54px;}
.f3Info p{padding-bottom:10px; color: #000; font-size:24px; line-height:42px;}
.f3Box .btn{width: 280px; height:52px; margin:40px auto 0; display: block; background-color: #b88a7a; color: #fff; font-size:27px; text-align: center; line-height: 52px;}
.f3Box .btn:hover{background-color: #bb9e93;}
/*f4Box*/
.f4Bg{background:url(../images/shuangyanpi/f4Bg.jpg) no-repeat center top;}
.f4Box{padding: 60px 0 40px;}
.list-item{width: 1277px; height: 706px; margin: 0 auto 60px; background:url(../images/shuangyanpi/f4List_bg_01.jpg) no-repeat;}
.list-item.list2{background:url(../images/shuangyanpi/f4List_bg_02.jpg) no-repeat;}
.list-item.list3{background:url(../images/shuangyanpi/f4List_bg_03.jpg) no-repeat;}
.list-item h2{padding: 34px 0 27px 208px; color: #fff; font-size: 48px; line-height: 56px;}
.list-item h2 small{display: block; font-size: 24px; font-weight: normal; line-height: 34px;}
.list-item ul{padding:45px 0 52px 50px;}
.list-item li{padding-bottom: 18px;}
.list-item li p{position: relative; height: 30px; padding-left: 122px; color: #666; font-size: 20px; line-height: 30px;}
.list-item li p span{position: absolute; left: 0; top:0; width: 108px; height: 30px; background-color: #a7887a; color: #fff; font-size: 20px; line-height: 30px; text-align: center;}
.list-item li .desc{padding: 38px 405px 18px 0; color: #666; font-size: 20px; line-height: 36px;}
.list-item .info{height: 41px; padding-left: 50px;}
.list-item .info span{float: left; width: 220px; height: 37px; margin-right: 26px; display: block; border: 2px solid #b88a7a; background-color: #fdf7eb; color: #b88a7a; font-size: 20px; line-height: 37px; text-align: center;}
/*f6Box*/
.f6Bg{background:url(../images/shuangyanpi/f6Bg.jpg) no-repeat center top;}
.f6Box{padding: 90px 0 0;}
.f6Top{padding-bottom: 60px;}
.f6Top h2{padding-bottom:5px; color: #333;font-size:52px; font-weight: 400; line-height:82px;text-align: center;}
.f6Top h2 span{display: block; font-size:30px; line-height:60px;}
.f6Top h3{padding-bottom:14px; color: transparent; font-size:52px; font-weight: bolder; text-align: center; line-height:68px;background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
.f6Top p{color: #333; font-size:28px; text-align: center; line-height:42px;}
.f6Swiper{position: relative; margin-bottom: 60px; border-top: 2px solid #fff4e6;}
.f6Swiper .swiper-slide{width: 100%;}
.f6Swiper dl{position: relative; height: 578px;padding-left: 602px; background:#fdfaf5 url(../images/shuangyanpi/doctorSwiper_dl_bg.jpg) no-repeat;}
.f6Swiper dt{position: absolute; left: 0; top:0; width: 600px; height: 578px;}
.f6Swiper dt img{width: 600px; height: 578px;display: block;}
.f6Swiper dd{padding: 80px 10px 0 0;}
.f6Swiper dd h3{line-height: 64px;}
.f6Swiper 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;}
.f6Swiper dd h3 span b{padding-right: 14px; font-size: 42px; font-weight: bolder;}
.f6Swiper dd h3 em{padding-left: 26px; color: #333; font-size: 20px;}
.f6Swiper dd h3 em b{font-weight: 600;}
.f6Swiper dd .info{padding:22px 0 32px;}
.f6Swiper dd .info span{display: block; color: #666; font-size: 20px; line-height: 28px;}
.f6Swiper dd p{color: #666; font-size: 20px;  line-height: 28px;}
.f6Swiper 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;}
.f6Swiper 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;}
.f6Swiper dd .btn:hover{box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.f6Swiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:10px;z-index:1;}
.f6Swiper .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;}
.f6Swiper .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
.f6Matter{padding: 50px 0 44px; background-color: #fefcf2;}
.f6Matter h3{padding-bottom:14px; color: #333; font-size:38px;font-weight: 400; line-height: 64px;}
.f6Matter p{margin-bottom:8px; color: #333; font-size:20px; line-height:40px; text-align: justify;}
.f6Matter p b{position: relative; display: block; padding-left:28px; color: #b88a7a; font-size:32px; font-weight: bold; line-height:54px;}
.f6Matter p b::after{position: absolute; left:6px; top:50%; margin-top: -4px; content: ''; width:8px; height:8px; background-color: #b78979; border-radius: 50%;}
/*f7Box*/
.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 .tit{position: relative; color: #be9485; font-size: .48rem; font-weight: 800; text-align: center; line-height:.68rem;}
	.container .tit small{display: block; color: #666; font-size: .2rem; line-height: .32rem;text-transform: uppercase;font-weight: normal;}

	.container img{max-width: 100%; display: block;}
	.banner,.f1Box,.f4Box,.f6Box{display: none;}
	.bannerWap{position:relative;width:100%;overflow:hidden;display:block;}
	.bannerWap .swiper-slide{position:relative;}
	.bannerWap .swiper-slide img{width:100%;height:9.12rem;}
	.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*/
	.f1Bg{background:url(../images/shuangyanpi/wap/f1Bg.png) no-repeat center top; background-size: 100% 1.4rem;}
	.f1BoxWap{padding-top:.44rem; display: block;}
	.f1ListWap{padding:.4rem .25rem .2rem;}
	.f1ListWap dl{position: relative; height:2.2rem; margin-bottom: .3rem;}
	.f1ListWap dt{position: absolute; right: 0; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 2.84rem; height: 1.84rem; padding: 0 .2rem; background-color: #fff; border-radius: .12rem; border: 1px solid #af8071; display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;}
	.f1ListWap dt h3{color: #af8071; font-size: .28rem; line-height: .44rem; text-align: center;}
	.f1ListWap dt p{color: #666; font-size: .24rem; line-height: .34rem; white-space: nowrap;}
	.f1ListWap dd{width: 4.95rem; height: 2.2rem;border-radius: .18rem; overflow: hidden;}
	.f1ListWap dd img{width: 4.95rem; height: 2.2rem;}
	.f1BoxWap .txt{color: #2f140c; font-size:.3rem; line-height:1.8; text-align: center;}
	.f1BoxWap .arrow{width: 0;height: 0; margin:.3rem auto; display: block;border-left: .16rem solid transparent;border-right: .16rem solid transparent;border-bottom: .22rem solid #2f140c; border-radius: .04rem;transform: rotate(180deg); -webkit-transform: rotate(180deg); overflow: hidden;}
	.f1BoxWap .btn{width: 3.6rem; height: .62rem; margin: 0 auto;  background-color: #b88a7a; color: #fff; font-size: .32rem;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
	/*f2Box*/
	.f2Bg{background-color: #fff;}
	.f2Box{padding:.52rem .25rem 0;}
	.f2Box ul{padding-top:.38rem; display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
	.f2Box li{float: none; width: 48%; margin-bottom: .32rem; margin-right: 0;}
	.f2Box li img{width: 100%; margin-bottom: .1rem; border: 1px solid #af8071; border-radius: .16rem .16rem 0 0; box-sizing: border-box;}
	.f2Box li span{height: .48rem; border: 1px solid #af8071; color: #2f140c; font-size: .28rem; display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
	/*f3BoxWap*/
	.f3Bg{background:url(../images/shuangyanpi/wap/f3Bg.jpg) no-repeat; background-size: 100% 100%;}
	.f3Box{padding:.4rem 0 .6rem;}
	.f3List{padding: 0 .25rem;}
	.f3List dl{float: none; width: 100%; height: auto; padding: .4rem 0; background:url(../images/shuangyanpi/wap/line.png) no-repeat left bottom; background-size: 100% .02rem; display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
	.f3List dt{float: none; width: 2.33rem;}
	.f3List dt img{width: 100%; height: auto;}
	.f3List dd{float: none; flex:1; width: 100%; padding-left: .4rem;}
	.f3List dd h3{font-size: .28rem; font-weight: bold; line-height: 1.6;}
	.f3List dd p{padding-top: .16rem;font-size: .24rem;line-height: 1.5;}
	.f3List dd .wide{padding-top: .3rem;font-size: .28rem;}
	.f3Info{padding-top: .2rem;}
	.f3Info .arrow{margin:.27rem auto;border-left: .16rem solid transparent;border-right: .16rem solid transparent;border-bottom: .22rem solid #2f140c; border-radius: .04rem;}
	.f3Info h3{font-size: .32rem; line-height: 1.6;}
	.f3Info h3 b{font-size: .32rem;}
	.f3Info h4{padding-bottom: .15rem;font-size: .28rem; line-height: .64rem;}
	.f3Info h4 span{width: 6.4rem; height: .64rem; margin: 0 auto;font-size:.3rem;line-height: .64rem;}
	.f3Info p{padding-bottom: .1rem; font-size: .28rem; line-height: .4rem;}
	.f3Box .btn{width: 3.6rem; height: .62rem; margin:.4rem auto 0;font-size: .32rem; line-height: .62rem; display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
	/*f4BoxWap*/
	.f4Bg{background:url(../images/shuangyanpi/wap/f4Bg.jpg) no-repeat center top; background-size: 100% 2rem;}
	.f4BoxWap{padding:0 .25rem;display: block;}
	.f4BoxWap li{padding-bottom: .4rem;}
	/*f5BoxWap*/
	.f5Bg{height: 8.22rem; background:url(../images/shuangyanpi/wap/f5Bg.jpg) no-repeat; background-size: 100% 100%;}
	.f5BoxWap{padding-top:.34rem;display: block;}
	.f5BoxWap h2{padding-bottom:.08rem; color: #333;font-size: .52rem; font-weight: 400; line-height: .68rem;text-align: center;}
	.f5BoxWap h2 span{display: block; font-size: .3rem; line-height: .48rem;}
	.f5BoxWap h3{padding-bottom: .16rem; color: transparent; font-size: .52rem; font-weight: bolder; text-align: center; line-height: .64rem;background: linear-gradient(to bottom, #e0b7a2, #b78d80);-webkit-background-clip: text;background-clip: text;}
	.f5BoxWap p{color: #333; font-size: .28rem; text-align: center; line-height: .42rem;}
	/*f6BoxWap*/
	.f6Bg{background:url(../images/shuangyanpi/wap/f6Bg.jpg) no-repeat center top; background-size: 100% 6.92rem;}
	.f6BoxWap{padding-top: .68rem;display: block;}
	.f6BoxWap h2{padding-bottom: .1rem; text-align: center;}
	.f6BoxWap h2 span{color: transparent;font-size: .52rem; font-weight: bolder; line-height: .64rem; 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;}
	.f6SwiperWap{position: relative;}
	.f6SwiperWap .swiper-slide{width: 100%;}
    .f6SwiperWap .swiper-slide img{width: 100%;}
    .f6SwiperWap .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.1rem;z-index:1;}
	.f6SwiperWap .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;}
	.f6SwiperWap .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
	.f6Matter{padding:.42rem .25rem .28rem; background-color: #fff;}
	.f6Matter h3{padding-bottom: .22rem; font-size: .52rem; text-align: center; line-height: .64rem;}
	.f6Matter p{margin-bottom: .28rem;font-size: .28rem; line-height: 1.6;}
	.f6Matter p b{padding-left: .2rem;font-size: .32rem; line-height: .54rem;}
	.f6Matter p b::after{left: .05rem;margin-top: -.03rem;width:.06rem; height: .06rem;}
	/*f7Box*/
	.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;}
}