/* CSS Document */

/****列表页****/
.listcont{ height:auto; overflow:hidden; padding-bottom:50px;}
.listcont .ltcont{ float:left; width:18%; height:auto; background:#0b7582; overflow:hidden; border:1px solid #f1f1f1;}
.listcont .ltcont ul{ padding:10px 0 4px 0; line-height:42px; text-align:center;}
.listcont .ltcont ul h3{ margin:0 auto; width:90%;  color: #ffffff; height:42px; border-bottom: 1px solid #f1f1f1; font-size:16px; border-left:3px solid #0b7582;}
.listcont .ltcont ul li{color: #ffffff; margin:0 auto; width:90%;  height:62px; border-bottom:1px solid #f1f1f1; font-size:16px;display: flex;flex-direction: column;justify-content: space-evenly;}
.listcont .ltcont ul a{ color:#ffffff;}
.listcont .ltcont ul .on a{background: #ffcbcb1f;}
.listcont .ltcont ul li:last-child{ border-bottom:0;}
.listcont .ltcont a:hover {background: #ffcbcb1f;}
.listcont .rtcont{ float:right; width:80%; height:auto; overflow:hidden;}
.rtcont .list{}
.rtcont .list li{ height:auto; padding-bottom: 20px; margin-bottom:20px; border-bottom:1px solid #f1f1f1; overflow: hidden;}
.rtcont .list li + li{ margin-bottom: 20px;}
.rtcont .list a {display: flex;flex-direction: row;}
.rtcont .list li:hover{ color: #01763a;}
.rtcont .list li .imgs{ float:left;width: 228px;height: 138px;}
.rtcont .list li .imgs img{ width:100%;border-radius:6px;height: 100%;object-fit: cover;}
.rtcont .list .date{ float: right; width:15%; text-align: right;}
.rtcont .list .cont{ float:left; width:66%; padding-left:1.5%; overflow: hidden;}
.rtcont .list .d{ font-size:30px; color:#0b7582; line-height: 1;}
.rtcont .list .y{ font-size: 14px; color:#777; line-height:21px;}
.rtcont .list .h3{ margin-bottom: 6px; font-size: 18px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rtcont .list .p{ font-size: 14px; color: #707070; line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.rtcont .list .date span{ display:none;}
.rtcont .list li:hover .date span{ display:block;}
/****科室栏目*****/
.ks-cont{ padding-top:35px;}
.list-ks{ }
.list-x{ width:100%; height:1px; background:#f1f1f1; margin-top:40px;}
.ks-left{ float:left; width:760px; line-height:30px; color:#333; font-size:16px;}
.ks-left strong {font-weight:bold;}
.ks-right{ float:right; width:446px;}
.ks-right img{ width:100%;border-radius: 5px;}

.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px;padding:10px 0;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:30px; height:30px; float:right; margin-right:5px;  overflow:hidden; cursor:pointer;  background:#999 url(../images/jt-left.png) no-repeat;}
.picScroll-left .hd .next{ background:#999 url(../images/jt-right.png) no-repeat; }
.picScroll-left .hd .prev:hover{background:#0b7582 url(../images/jt-left.png) no-repeat;}
.picScroll-left .hd .next:hover{background:#0b7582 url(../images/jt-right.png) no-repeat;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; margin-right:30px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#999999; }
.picScroll-left .hd ul li.on{ background:#0b7582; }
.pageState{ float:left; color:#999; margin-top:10px;}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; width:235px; height:auto; margin:0 8px 20px 4px; margin-bottom:20px; overflow: hidden;}
.picScroll-left .bd ul li:hover .title{ background:#0b7582; color:#FFF;}
.picScroll-left .bd ul li .pic{ width:235px; height:330px; position:relative;}
.picScroll-left .bd ul li .pic img{ width:100%;}
.picScroll-left .bd ul li .title{ width:233px; height:auto; overflow:hidden; padding:10px 0; text-align:center; border:1px solid #f1f1f1; margin-top:5px; line-height:26px;}
.picScroll-left .bd ul li .title h3{ font-size:20px; font-weight:bold;}
.picScroll-left .bd ul li .title p{ font-size:14px;}

.picScroll-left .bd ul li .pic p{ display:none;}
.picScroll-left .bd ul li .pic:hover p{cursor:pointer; position:absolute; width:120px; height:34px; z-index:100; border:1px solid #FFF; text-align:center; line-height:34px; color:#FFF; border-radius:20px; font-size:16px;display:block;}
.picScroll-left .bd ul li .pic:hover .now1{bottom:75px; left:50%; margin-left:-68px;}
.picScroll-left .bd ul li .pic:hover .now2{bottom:20px; left:50%; margin-left:-68px;} 
.picScroll-left .bd ul li .pic:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF; width:100%; z-index:50;height:330px; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}

/* 科室特殊 */
.slideTxtBox{}
.slideTxtBox .hd{ height:88px; background:#f8f8f8; overflow:hidden; border-top:1px solid #ededed;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:0; }
.slideTxtBox .hd ul li{ float:left; padding:20px 23px; cursor:pointer; font-size:20px; line-height:24px; text-align:center;}
.slideTxtBox .hd ul li font{ color:#999; font-size:12px;}
.slideTxtBox .hd ul li.on{ height:30px; border-top:3px solid #0b7582;}
.slideTxtBox .bd ul{ padding:10px;  zoom:1;  }
.slideTxtBox .bd li{ margin:0 auto; width:96%; height:24px; line-height:24px; padding-top:20px;}
.slideTxtBox .bd li .img{ float:left; width:280px; height:160px;}
.slideTxtBox .bd li .img img{ width:100%;}
.slideTxtBox .bd li .img_nr{ float:right; width:842px; height:auto; padding-top:10px; font-size:16px; color:#666; line-height:30px; }

.ks-tszl{ width:100%;}
.ks-tszl li{ float:left; width:582px; height:160px; margin-bottom:20px; padding:12px; border:1px solid #FFF;}
.ks-tszl li:hover{ border:1px solid #0b7582;}
.ks-tszl li .imgs{ float:left; width:170px; height:160px;}
.ks-tszl li .imgs img {width:100%;height: 80%;object-fit: cover;}
.ks-tszl li .imgs-nr{ float:right; width:400px;}
.ks-tszl li .imgs-nr h3{ float:left; width:100%; font-size:16px; line-height:36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.ks-tszl li .imgs-nr p{ float:left; width:100%; font-size:14px; color:#666; line-height:25px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.ks-tszl li .imgs-nr a{ float:left; height:36px; margin-top:8px; line-height:36px; text-align:center;}
.ks-tszl li .imgs-nr a:hover{color:#0b7582;}

/* 经典案例 */
.slideTxtBox2{}
.slideTxtBox2 .hd{ height:88px; background:#f8f8f8; border-top:1px solid #ededed;  position:relative; }
.slideTxtBox2 .hd ul{ float:left;  position:absolute; left:0; top:0; }
.slideTxtBox2 .hd ul li{ float:left; padding:20px 20px; cursor:pointer; font-size:20px; line-height:24px; text-align:center;}
.slideTxtBox2 .hd ul li font{ color:#999; font-size:12px;}
.slideTxtBox2 .hd ul li.on{ height:30px; border-top:3px solid #0b7582;}
.slideTxtBox2 .bd ul{ padding:10px;  zoom:1;  }
.slideTxtBox2 .bd li{ margin:0 auto; width:96%; height:auto; overflow:hidden; line-height:24px; padding-top:30px;}
.slideTxtBox2 .bd li .img{ float:left; width:280px; height:160px;}
.slideTxtBox2 .bd li .img img{ width:100%;}
.slideTxtBox2 .bd li .img_nr{ float:right; width:842px; height:auto; padding-top:10px; font-size:16px; color:#666; line-height:30px; }

/*****联系我们******/
.lxmw2{ padding:50px 20px; font-size:16px; line-height:26px;}
.lxmw2 h3{ font-size:20px; font-weight:bold;text-align: center;}
.lxwm-lt{ float:left; width:30%; }
.lxwm-lt p{ padding-top:10px;}
.lxwm-rt p{ padding-top:10px;}
#dituContent{width:100%;height:300px; margin-top:15px;}


/*****就诊服务******/
.row-lt{ float:left; width:560px;}
.row-rt{ float:right; width:406px; height:auto;}
.row-rt img{ width:100%;}
.row-rt2{ float:right; width:560px; height:auto; overflow:hidden;}
.row-lt h2,.row-rt2 h2 {float:left;font-size:35px;width:100%;text-align:left; font-weight:bold;line-height:48px;}
.row-lt h3,.row-rt2 h3 {float:left;font-size:24px;width: 100%;text-align: left; line-height:30px; color: #898989;font-weight: normal;}
.row-lt span,.row-rt2 span{float:left; width: 20%;height:3px; margin-top:10px;background: #f3981c;border-radius: 3px;}
.row-lt h4,.row-rt2 h4 {float:left; font-size:20px; width:100%; line-height:40px; padding-top:30px; text-align:left; font-weight:bold;}
.row-lt p,.row-rt2 p{ float:left; width:100%; line-height:28px; font-size:14px;}
.row-lt p strong,.row-rt2 p strong{ font-weight:bold;}
.row-rt2 p{ padding-top:15px;}
.row-lt2 p{ padding-top:15px;}

.tsks { height:auto; overflow:hidden;
    background: #f7f8f8 url(../images/bj_hdwyh.png) repeat-x left top;
    padding: 50px 0;
}

.khfwbj2,.khfwbj3  {
	height:auto; overflow:hidden;
    background-size: 100%;
    width: 100%;
    background-size: cover;
    padding:60px 0;
}
.khfwbj2{background: url(../images/khfwbj2.jpg) no-repeat;}
.khfwbj3 {background: url(../images/khfwbj3.jpg) no-repeat;}


/***专家团队**/
.rtcont .list-zj{ height:auto; overflow:hidden; padding-bottom:30px;}
.rtcont .list-zj li{ float:left; width:220px; height:auto; margin:0 10px 20px 15px; margin-bottom:20px; overflow: hidden;}
.rtcont .list-zj li:hover .zj-jj{ background:#0b7582; color:#FFF;}
.rtcont .list-zj li img{ width:100%;}
.rtcont .list-zj li .zj-jj{ width:218px; height:auto; overflow:hidden; padding:10px 0; text-align:center; border:1px solid #f1f1f1; margin-top:5px; line-height:26px;}
.rtcont .list-zj li .zj-jj h3{ font-size:20px; font-weight:bold;}
.rtcont .list-zj li .zj-jj p{ font-size:14px;}

.article{ padding-bottom:50px;}
.article .main{padding: 3% 12%;}
.article .main .t{ padding:10px 0; font-size: 30px; line-height: 44px;text-align: center;}
.article .main .tip{  border-bottom: 1px solid #f1f1f1; padding-bottom:20px;  margin-bottom: 25px; font-size: 14px; line-height: 26px; color:#999;text-align: center;}
.article .main .tip span{ display: inline-block; margin-right: 40px; margin-left:5px; }
.article .main .tip span + span + span + span + span{ margin-right: 0; }
.article .main .tip i{ font-family: Arial;}
.article .main .tip b{ cursor: pointer;}
.article .main .tip b + b{ margin-left: 20px;}
.article .main{ font-size: 16px; line-height: 26px;margin:6px 0;border-radius:5px;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}
.article .main .text{line-height:1.4;}
.article .main .text a {color: #0b7582;}
.article .main .spzt-video{text-align: center;}
.article .main .spzt-video video {width: 658px;height: 444px;}
.article .main .text p{margin-top:10px; line-height:26px;}
.article .main .p + .p{ margin-top: 15px;}
.article .main .img{ margin: 35px 0; width: 691px;}
.article .main img{ /*display: block; width: 100%;*/}
.article .main .text strong{font-weight: bold;}
.share_details {
    padding-top: 30px;
}
.article .main .handle{ margin:30px 0; padding-top: 20px;overflow: hidden;border-top:1px solid #ccc;}
.article .main .prev, .article .main .next{ position: relative; font-size: 14px; line-height: 25px; cursor: pointer;}
.article .main .prev{ float: left; padding-left:12px;}
.article .main .next{ float: right; padding-right:12px;}

.article .main .prev:hover:before, .article .main .next:hover:before{ background-position: right;}

.swiper-container1,.swiper-container2{ display:none;}

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}



@media only screen and (max-width:1279px) {
	.ks-left{ width:500px;}
	.slideTxtBox .hd ul li{padding:16px 10px;font-size:16px;line-height: 21px;}
	.slideTxtBox .bd li .img_nr{ width:610px;padding-top:5px;}
	
	}
	
@media only screen and (max-width:1024px) {
.article{ padding-bottom:30px;}
.article .main{ padding-top:30px;}
.rtcont .list-zj li{width:30%; margin:0 1% 3% 2%;}
.rtcont .list-zj li .zj-jj{ width:98%;}
.slideTxtBox .bd li .img{ width:260px;}
.slideTxtBox .bd li .img_nr{ width:380px; padding-top:0;}	
.slideTxtBox .hd ul li font{line-height:14px;}
.ks-left{ width:100%;}
.ks-left a{color:#0b7582;}
.ks-right{ float:left; padding-top:15px; width: 100%;}

.slideTxtBox{ display:none;}
.swiper-container1{ display:block;}
.swiper-container1 .sjhd{width:100%; height:auto; overflow:hidden;}
.swiper-container1 .sjhd .sj-bt{ width:100%; font-size:18px;}
.swiper-container1 .sjhd .img{ width:100%; padding-top:15px;}
.swiper-container1 .sjhd .img img{ width:100%;}
.swiper-container1 .sjhd .img_nr{ width:100; height:auto; padding-top:10px; font-size:14px; color:#666; line-height:24px; }

.slideTxtBox2{ display:none;}
.swiper-container2{ display:block;}
.swiper-container2 .sjhd{width:100%; height:auto; overflow:hidden;}
.swiper-container2 .sjhd .sj-bt{ width:100%; font-size:18px;}
.swiper-container2 .sjhd .img{ width:100%; padding-top:15px;}
.swiper-container2 .sjhd .img img{ width:100%;}
.swiper-container2 .sjhd .img_nr{ width:100; height:auto; padding-top:10px; font-size:14px; color:#666; line-height:24px; }
	}
	
@media only screen and (max-width:768px) {
.ks-cont{ padding:10px;}
.title_h3{padding: 10px 0 15px;}
.article{ padding-bottom:20px;}
.article .main{padding: 3% 2%;margin-top:5px;}
.article .main .t{ font-size:21px; line-height:30px;}
.article .main .tip span{ margin-right:2%;}
.article .main .prev{ width:90%; padding-left:1%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.article .main .next{ float:left; padding-left:1%; padding-right:0; padding-top:1%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.dorctordtail .part4{ padding-top:10px;}
.list-x{ margin-top:25px;}
.article .main .text {padding: 0 2%;}
	
	}
	
@media only screen and (max-width:640px) {
.listcont .ltcont{ width:98%;border-radius: 5px;}
.listcont .ltcont ul{ padding:0; line-height:36px; text-align:center;}
.listcont .ltcont ul h3{ float:left; width:24%;height:36px; font-size:14px;}
.listcont .ltcont ul li{ float:left; width:25%;  height:36px; border-bottom:1px solid #f1f1f1; font-size:14px;}
.listcont .ltcont ul>li>a {color: #ffffff;}
.listcont .rtcont{width:100%; margin-top:3%;}

.rtcont .list-zj li{width:45.5%; margin:3% 2% 0 2%; margin-bottom:5px; }
.rtcont .list-zj li .zj-jj{ width:98%; line-height:24px;}
.rtcont .list-zj li .zj-jj h3{ font-size:18px;}
.rtcont .list-zj li .zj-jj p{ font-size:14px;}

.lxmw2{ padding:20px 0; font-size:14px; line-height:24px;}
.lxmw2 h3{ font-size:18px; padding-top:10px;}
.lxwm-lt{width:100%;}
.lxwm-rt{ width:100%;}
#dituContent{height:200px; margin-top:10px;}

.row-lt{ width:100%;}
.row-rt{ width:100%; margin-top:20px;}
.row-rt2{ width:100%; height:auto; overflow:hidden;}
.row-lt h2,.row-rt2 h2 {font-size:26px;line-height:40px;}
.row-lt h3,.row-rt2 h3 {font-size:16px;line-height:24px;}
.row-lt h4,.row-rt2 h4 {font-size:16px; padding-top:20px;}
.row-lt p,.row-rt2 p{line-height:26px;}
.row-rt2 p{ padding-top:12px;}
.row-lt2 p{ padding-top:12px;}

.tsks {padding:30px 0;}

.khfwbj2,.khfwbj3  {
    padding:30px 0;
}
.khfwbj2{background: url(../images/khfwbj2.jpg) no-repeat;}
.khfwbj3 {background: url(../images/khfwbj3.jpg) no-repeat;}

.swiper-container1 .sjhd .sj-bt{ font-size:16px;}

.ks-tszl li {width: 98%;height:auto;margin: 1.5% 0;padding:0;}
.ks-tszl li .imgs{width:43%; height:auto;}
.ks-tszl li .imgs-nr{width:55%;}
.ks-tszl li .imgs-nr h3{ font-size:15px; line-height:30px;}
.ks-tszl li .imgs-nr p{font-size:13px;line-height:20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ks-tszl li .imgs-nr a{ width:106px; height:32px; margin-top:5px; line-height:32px; text-align:center;}
.ks-tszl li .imgs img{width:100%; height:106px;}
}
.f_link a {padding: 0 5px; color: #000000;}
@media only screen and (max-width:450px) {
	.dorctordtail .part4{padding: 3% 2%; border-radius:5px;}
	.listcont{ padding-bottom:30px;}
.rtcont .list li .imgs{ width:40%;height: 96px;}
.rtcont .list .date{ width:60%;}
.rtcont .list .cont{ width:66%;}
.rtcont .list .d{  display:inline; font-size:18px; line-height:1; color:#999;}
.rtcont .list .y{ font-size: 12px; display:inline; color:#999;}
.rtcont .list .h3{ margin-bottom:3px; font-size: 15px; line-height:28px;}
.rtcont .list .p{ font-size:12px; line-height:21px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.xpage .p-show{ display: none;}
.xpage .more.m-show{ display:inline-block; border:1px solid #bbbbbb; border-radius:0.5rem; font-size: 0.22rem; padding: 0.1rem 0.5rem;}

	}
@media only screen and (max-width:768px) {
    .article .main .spzt-video video {width: 100%;height: 100%;}
    .ks-tszl li .imgs img{width:100%; height:96px;}

	}