/* 轮播 */
.banner{ position: relative; }
.banner img{ max-width: 100%; }
.banner .pc{ display: block; position: relative; z-index: 1; }
.banner .moble{ display: none; }
.banner .swiper-container{
	--swiper-theme-color: #fff;/* 设置Swiper风格 */
	--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 20px;/* 设置按钮大小 */
}
.banner .swiper-button-prev,
.banner .swiper-button-next{ top: calc( (100% - 130px) / 2); background-color: rgba(0,0,0,0.3); padding: 25px;}
.banner .swiper-button-prev{left: 5%; }
.banner .swiper-button-next{right: 5%; }
.banner .swiper-pagination{ bottom: 150px; }
.banner .swiper-pagination-bullet{width: 12px; height: 12px;}
.ban_nav{ /*position: absolute; bottom: 0; left: 0;*/ width: 100%; z-index: 2; background-color: rgba(4,106,158,0.9); height: 130px;  }
.ban_nav .w1300{ position: relative; padding: 0; width: 96%; max-width: 1300px; }
.ban_nav ul{ height: 130px; justify-content: center; position: relative; z-index: 9;}
.ban_nav ul li{ text-align: center; width: 18%; }
.ban_nav ul li a{  }
.ban_nav ul li i{ display: inline-block; width: 50px; height: 50px; background: no-repeat center; background-size: auto 100%; }
.ban_nav ul li p{ color: #FFFFFF; font-size: 20px; padding-top: 10px; }
.s1-bj {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    top: -20px;
    bottom: 0;
    width: 18%;
    background: url(../images/s1-hover.png) no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    transition: all .3s;
}
.ban_nav:hover .s1-bj{ opacity: 1; }
@media (max-width: 1360px) {
	.ban_nav{ height: 100px; }
	.ban_nav ul{ height: 100px; }
	.ban_nav ul li i{ width: 38px; height: 38px;  }
	.ban_nav ul li p{ font-size: 16px; padding-top: 10px; }
}
@media (max-width: 1024px) {
	.banner .pc{ display: none; }
	.banner .moble{ display: block; }
	.banner .swiper-pagination{ bottom: 20px; }
	.ban_nav{ height: auto; position: static; }
	.ban_nav ul{ height: auto; padding: 20px 0; }
	.ban_nav ul li{width: 20%;}
  .s1-bj {width: 20%;}
}
@media (max-width: 768px) { 
	.ban_nav ul li i{ width: 32px; height: 32px;  }
	.ban_nav ul li p{padding-top: 5px; font-size: 14px;}
}
@media (max-width: 500px) { 
	.ban_nav ul{ height: auto; padding: 10px 0; justify-content: flex-start; }
	.ban_nav ul li{ width: 33.333%; padding: 10px 0;}
	.ban_nav ul li i{width: 28px; height: 28px;}
  .ban_nav:hover .s1-bj{ opacity: 0; }
}




/* 医院动态 */
.homeDynamic{ padding: 80px 0; }
.homeDynamic .box{ padding: 30px 20px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); border-radius: 10px; align-items: stretch; }
.homeDynamic .picSwiper{ width: 33%; }
.homeDynamic .picSwiper .swiper-pagination-bullet{ opacity: 1; background-color: #FFFFFF; }
.homeDynamic .picSwiper .swiper-pagination-bullet-active{ background-color: #217873; }
.homeDynamic .picSwiper a{ display: block; overflow: hidden; }
.homeDynamic .picSwiper img{ width: 100%; }
.homeDynamic .stit{ font-size: 28px; color: #008fd7; font-weight: bold; padding-left: 10px; border-left: 5px solid #008FD7; line-height: 28px; margin-bottom: 30px;}
.homeDynamic .stit a{ color: #898b88; font-size: 14px; font-weight: normal; float: right; }
.homeDynamic .dy{ width: 30%; }
.homeDynamic .dy ul{}
.homeDynamic .dy ul li{ border-bottom: 1px solid #dad7d7;  }
.homeDynamic .dy ul li a{ padding: 10px 0; display: block; font-size: 16px; color: #555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.homeDynamic .dy ul li span{ color: #333333; font-size: 16px; font-weight: bold; padding-right: 15px;  }
.homeDynamic .dy ul li:hover a{ color: #008FD7; }
.homeDynamic .dy ul li:hover span{ color: #008FD7; }
.homeDynamic .hd{ width: 33%; }
.homeDynamic .hd .stit{ margin-bottom: 10px; }
.homeDynamic .hd ul{ }
.homeDynamic .hd ul li{ padding-bottom: 15px; padding-top: 20px; border-bottom: 1px solid #dad7d7; }
.homeDynamic .hd ul li a{ display: flex; flex-wrap: wrap;  }
.homeDynamic .hd ul li .img{ width: 57px; height: 57px; overflow: hidden; border-radius: 12px; }
.homeDynamic .hd ul li .img img{ width: 100%;  }
.homeDynamic .hd ul li .txt{ width: calc( 100% - 57px ); padding-left: 30px; }
.homeDynamic .hd ul li .txt h5{ font-size: 15px; font-weight: normal; padding-top: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.homeDynamic .hd ul li:hover .txt h5{ color: #008FD7; }
@media (max-width: 1340px) {
	.homeDynamic .picSwiper img{ width: auto; height: 310px; }
}
@media (max-width: 1024px) {
	.homeDynamic{padding: 60px 0;}
	.homeDynamic .picSwiper{width: 100%; margin-bottom: 40px;}
	.homeDynamic .picSwiper img{width: 100%; height: auto;}
	.homeDynamic .stit{font-size: 22px; line-height: 22px; margin-bottom: 15px;}
	.homeDynamic .dy{width: 48%;}
	.homeDynamic .hd{width: 48%;}
}
@media (max-width: 768px) {
	.homeDynamic{padding: 50px 0;}
	.homeDynamic .picSwiper{margin-bottom: 35px;}
	.homeDynamic .dy{width: 100%; margin-bottom: 35px;}
	.homeDynamic .hd{width: 100%;}
}
@media (max-width: 480px) {
	.homeDynamic{padding: 40px 0;}
	.homeDynamic .box{padding: 15px 10px;}
	.homeDynamic .stit{font-size: 18px;}
	.homeDynamic .dy ul li a{font-size: 15px; padding: 15px 0;}
	.homeDynamic .hd ul li .txt{padding-left: 20px;}
	.homeDynamic .hd ul li{padding: 15px 0;}
}



.homeTit{ font-size: 28px; line-height: 28px; font-weight: bold; padding-left: 30px; border-left: 6px solid #FFFFFF; color: #008FD7;}
.homeTit a{ font-size: 16px; color: #666; float: right; }
@media (max-width: 1360px) {}
@media (max-width: 1024px) {
	.homeTit{ font-size: 22px; line-height: 22px; }
}
@media (max-width: 768px) {
	
}
@media (max-width: 480px) {
	.homeTit{ font-size: 18px; line-height: 18px; }
}

/* 皮肤专科门诊 */
.homeAbout{background: url(../images/index_bg1.jpg) no-repeat top center; background-size: auto ; padding-top: 60px;}
.homeAbout .homeTit{ color: #FFFFFF;}
.homeAbout .box{ background-color: #008fd7; padding: 40px; margin-top: 80px; align-items: stretch; }
.homeAbout .box .img{ margin-top: -80px; width: 56%; }
.homeAbout .box .img img{ width: 100%; }
.homeAbout .box .text{ width: 40%; }
.homeAbout .box .text .txt{ border-bottom: 2px solid #FFFFFF; padding-bottom: 50px; }
.homeAbout .box .text .txt p{ font-size: 16px; line-height: 34px; color: #FFFFFF; text-indent: 2em; text-align: justify; }
.homeAbout .box .text .more{ display: inline-block; padding-top: 30px; float: right;  }
.homeAbout .box .text .more a{ display: block; background-color: #FFFFFF; padding: 8px 25px; border-radius: 40px; font-size: 15px; }
/* .homeAbout .box .text .more a:hover{ background-color: #008FD7; color: #FFFFFF; border: ; } */
@media (max-width: 1360px) {
	.homeAbout .box .text .txt{padding-bottom: 30px;}
	.homeAbout .box .text .txt p{ font-size: 14px; line-height: 30px; }
	.homeAbout .box .text .more{ padding-top: 20px; }
	.homeAbout .box .text .more a{font-size: 13px;}
}
@media (max-width: 1260px) {
	.homeAbout .box{padding: 30px; margin-top: 70px;}
	.homeAbout .box .img{margin-top: -60px;}
	.homeAbout .box .text .txt p{ font-size: 13px; line-height: 26px; }
}
@media (max-width: 1024px) {
	.homeAbout .box .img{width: 100%;}
	.homeAbout .box .text{width: 100%; padding-top: 30px;}
}
@media (max-width: 768px) {
	.homeAbout .box{padding: 20px;}
	.homeAbout .box .text{padding-top: 20px;}
	.homeAbout .box .text .txt{padding-bottom: 20px;}
}
@media (max-width: 480px) {
	.homeAbout{ padding-top: 40px;}
	.homeAbout .box{padding: 15px;}
}



/* 专家介绍 */
.homeTeam{ padding: 80px 0 60px; background: url(../images/index_bg2.jpg) no-repeat bottom center; }
.homeTeam .homeTit{ color: #008FD7; text-align: center; padding-left: 0; border-left: 0; padding-bottom: 40px;}
.homeTeam .box{ background-color: #FFFFFF; border-radius: 10px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); padding: 60px 100px 40px; }
.homeTeam .box .item{ width: 100%; border: 1px solid #bfbfbf; }
.homeTeam .box .item a{ display: block; width: 100%; }
.homeTeam .box .item .pic{ overflow: hidden; width: 100%; }
.homeTeam .box .item .pic img{ width: 100%; }
.homeTeam .box .item .text{ text-align: center; padding: 20px 0 30px; }
.homeTeam .box .item .text h3{ font-size: 18px; font-weight: normal; color: #000000; }
.homeTeam .box .item .text p{ padding: 5px 0 15px; font-size: 14px; color: #666; }
.homeTeam .box .item .text span{ font-size: 15px; color: #333333; display: inline-block; padding: 5px 15px; border-radius: 40px; border: 1px solid #bfbfbf; }
.homeTeam .box .item:hover .text span{ border: 1px solid #FFFFFF; }

.homeTeam .teamSwiper{ position: relative; }
.homeTeam .teamSwiper .btn-prev,
.homeTeam .teamSwiper .btn-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 50px; background: url(../images/icon_prev.png) no-repeat center; cursor: pointer; outline: none; }
.homeTeam .teamSwiper .btn-prev:hover,
.homeTeam .teamSwiper .btn-next:hover{ background-image: url(../images/icon_prev1.png); }
.homeTeam .teamSwiper .btn-prev{left: -60px;}
.homeTeam .teamSwiper .btn-next{right: -60px; transform: translateY(-50%) rotate(180deg);}
@media (max-width: 1340px) {
	.homeTeam .box{padding: 60px 60px 40px;}
	.homeTeam .teamSwiper .btn-prev{left: -40px;}
	.homeTeam .teamSwiper .btn-next{right: -40px;}
}
@media (max-width: 1260px) {
	
}
@media (max-width: 1024px) {
	.homeTeam .homeTit{padding-bottom: 30px;}
	.homeTeam .box{padding: 40px 40px 30px;}
	.homeTeam .teamSwiper .btn-prev, .homeTeam .teamSwiper .btn-next{background-size: 18px; width: 20px; z-index: 2;}
	.homeTeam .teamSwiper .btn-prev{left: -30px;}
	.homeTeam .teamSwiper .btn-next{right: -30px;}
}
@media (max-width: 768px) {
	.homeTeam .box .item .text{ padding: 15px 0 20px;}
}
@media (max-width: 480px) {
	.homeTeam .homeTit{padding-bottom: 25px;}
	.homeTeam .box{padding: 30px 20px 20px;}
	.homeTeam .box .item .text h3{font-size: 16px;}
	.homeTeam .box .item .text p{font-size: 13px;}
	.homeTeam .box .item .text span{font-size: 14px;}
	.homeTeam .teamSwiper .btn-prev{left: -10px;}
	.homeTeam .teamSwiper .btn-next{right: -10px;}
}







/* 新闻资讯 */
.homeNews{ padding-top: 60px;}
.homeNews .homeTit{ border-left-color: #008FD7; }
.homeNews .row{ padding-top: 40px; align-items: stretch; }
.homeNews .item{ width: 23%; background-color: #FFFFFF; box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); padding: 20px; }
.homeNews .item a{ display: block; padding-bottom: 60px; }
.homeNews .item h3{ font-size: 16px; color: #000; font-weight: normal; line-height: 26px; padding-bottom: 5px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  }
.homeNews .item p{ font-size: 14px; color: #888; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
@media (max-width: 768px) {
	.homeNews .item{ width: 48%; margin-bottom: 30px; }
}
@media (max-width: 480px) {
	.homeNews{padding-top: 50px;}
	.homeNews .row{ padding-top: 30px;}
	.homeNews .item{ margin-bottom: 20px; }
  .homeNews .item a{ padding-bottom: 20px;}
}