
/*热门搜索*/
.search{  margin:0 auto; background:#fff; padding:10px 0;}
.search-a{ margin:12px 0;}
.search-a a{ color:#4d4d4d; font-size:12px; padding:20px 20px 20px 0;}
.search-a a:hover{ color:#3d86ca;}
.search-b{ margin-top:10px;}
.search-b input{ float:left;}
.search-b .intxt{ border: #979393 1px solid; width:250px; height:24px;  padding-left:10px;}
.search-b .result{ float:left; background:#3d86ca; line-height:24px; color:#fff; padding:0 10px; font-size:12px; display:block;}
 @media (max-width:580px) {
	 .search{padding:0 0 4px 0;}
	.search-a{ margin:8px 0;}
	.search-a a{font-size:13px; line-height:24px; padding-right:16px;}
	}

/*广告*/
.banner{ width:100%; margin:0 auto 20px auto;}
.imga-box,.imgb-box,.imgc-box{ display:block;}

/*首页-挂号+科室*/
.Department{ margin:20px auto 20px;}
.Department .Depar-a{ float:left; width:18.8%; margin-right:1.5%; padding:25px 0; background:#76afdf;}
.Department a:hover{ background:#3d86ca;}
.Depar-a .Depar-pic{ margin-bottom:15px; margin-left:40%;}
.Depar-a img{ width:20%;}
.Depar-a h1{ color:#fff; font-size:16px; text-align:center; margin-bottom:12px;}
.Depar-a h2{ color:#fff; font-size:14px; text-align:center;}
  @media (max-width:580px) {
	.Department .Depar-a{  padding:10px 0; }
	.Depar-a .Depar-pic{ margin-bottom:10px; margin-left:32%;}
	.Depar-a img{ width:36%;}
	.Depar-a h1{ font-size:12px; margin-bottom:4px;}
	.Depar-a h2{ font-size:8px; }
	}

/*首页-通栏*/
.guanggao,.guanggao-b{margin:0 auto;  }
.guanggao img,.guanggao-b img{ max-width:100%;}


/*首页-新闻动态+媒体聚焦*/
.news-left{ float:left; background:#fff; padding:15px 0 0 15px; margin:20px 0 ;}
.news-left .news-pic{ max-height:350px; overflow:hidden; padding:0 !important;}
.news-left .news-pic img{ width:100%;}
.news-left .news-pic-1 .text{position: absolute; bottom:0px;height:30px;line-height:30px; background:#0397e1; width:100%;text-align:center;color:#ffffff;font-size:16px;}
.news-tab{ max-height:284px; overflow:hidden;}
.news-right{ margin:20px 0}
.content-one .more{ float:right; padding:8px 10px 0 0;}
.content-one .more a{  font-size:13px;  color:#4c4c4c; }
.content-one li{ float:left; }
.content-one li a{ color:#3d86ca;padding:8px 20px 8px 10px; font-size:15px; display:block;}
 @media (max-width:580px) {
	.news-left{ padding:15px 0 4px 0;}
	.content-one li a{ padding:10px 20px 6px 10px;}
	}
.content-one li a:hover{ border-bottom:2px solid #3d86ca;font-weight:bold; padding-bottom:11px; text-align:center; padding:8px 20px 6px 10px;}
.content-one .active a{ border-bottom:2px solid #3d86ca;font-weight:bold; padding-bottom:11px; text-align:center; padding:8px 20px 6px 10px;}
.row-one .mess-pic,.row-two .mess-pic{ background:#fff; width:44%; float:left; padding:12px 0; display:block;}
.mess-pic img{ margin-left:32%; width:35%; }
.mess-pic p{ color:#1a1a1a; font-size:15px; text-align:center; margin-bottom:10px;}
.row-three{background:#3d86ca;  padding:12px 0; margin-left:3%; }
.row-three img{ float:left; width:20%; margin:0 2%}
.row-three .three-mess{ float:left;}
.row-three .three-mess p{ font-size:15px;  color:#fff; text-align:center; margin-top:2px; }

.col-body .more-a{ float:right; padding:8px 10px 0 0; margin-top:6px;}
.col-body .more-a a{  font-size:13px;  color:#3d86ca; }
.col-body li{line-height: 30px;}
.col-body li a{display: block; color: #373737; font-size:14px;}
.col-body li a p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:70%;}
.col-body li a .pull-L{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:80%;}
.col-body li a i{ width: 5px; height: 5px; display: inline-block; background: #3d86ca; vertical-align: middle;
border-radius: 5px; margin-right:5px; }
.col-body li a span{color: #aeaeae; font-size:12px;}
.col-body li a:hover,.col-body li a:hover span,.col-body li a:hover p,.panel-title a:hover{color: #3d86ca;}
.col-body li a .xl-p{  width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 @media  (max-width:580px) {
	 .col-body li a .pull-L{  width:100%;}
	.col-body li a{display: block; color: #373737; font-size:13px;}
	.col-body li a p{  width:75%;}
	.col-body li a span{color: #aeaeae; font-size:10px; }
	.col-body .more-a{  margin-top:0;}
	.tab-content{ margin:0 auto;}
	}
	
/*首页-医院简介 PC*/	
.news-left-b{  background:#fff; padding:10px 0 12px 16px; margin:20px 0 ;}
.news-left-b .news-content{ padding:0 10px;}
.news-content .JW-yyjj { display:block;  padding:16px 10px;}
.news-content .JW-yyjj p{ color:#4c4c4c; font-size:14px; line-height:26px; display: -webkit-box;    -webkit-box-orient: vertical;  -webkit-line-clamp:7;  max-height:280px; overflow: hidden; text-overflow:ellipsis;}

.news-left-b .news-pic-b{ padding:0;}

.news-right-b{ margin:20px 0; padding:0px 0 0 10px; background:#fff;}
.news-right-b .news-cold-box{ padding:14px 10px 8px 10px; }

/*首页-医院简介 M*/
.news-content-a{ background:#fff; padding:10px; margin:0 auto ;}
.content-one-a{ margin:0 auto; width:90%;}	
.content-one-a li{ float:left; width:30.3%; margin:0 1.5% 6px;}
.content-one-a li a{ color:#3d86ca; padding:6px 12px 6px 12px; font-size:15px; display:block; text-align:center;}
.content-one-a li a:hover{ font-weight:bold;text-align:center;  background:#3d86ca; color:#fff;}

.brief-c{ background:url(../images/hsz-bg.jpg) no-repeat; padding:16px; margin-top:10px;}
.brief-c .brief-content{ background:#fff; padding:10px 4px 20px;  margin:0 auto; opacity:0.9;}
.brief-content h1{ text-align:center; line-height:30px; font-size:18px; font-weight:bold; color:#3d86ca;}
.brief-content a{ line-height:24px; font-size:14px;  color:#4c4c4c; margin:4px auto 12px; width:98%; display:block;}
.brief-pic .brief-pic-a{ width:31.3%; margin:1%; float:left;}
.brief-pic-a img{ display:block; width:30%; margin:0 auto;}
.brief-pic-a p{ text-align:center; color:#3d86ca; font-size:13px; font-weight:bold; margin-top:10px;}

.honor-c .honor-content img{ width:100%; margin:0 auto; display:block;}
.content-c{ margin:12px auto 0; }
.envirm-a .envirm-a1{ float:left; width:67%;}

.envirm-a .envirm-more{ width:30%;float:right; background:url(../images/envirm-bg.png) no-repeat center; display:block; padding:11% 0;} 
.envirm-more img{ width:30%; margin:0 auto;}
.envirm-more p{ font-size:14px; line-height:35px; color:#0062a6; text-align:center; margin:0 auto;}
.envirm-b { margin-top:10px;}
.envirm-b .envirm-b1{ width:49%; float:left;}
.envirm-b .envirm-b2{ width:49%; margin-left:2%; float:right;}

/*为什么选择我们*/	
.why-choose{ background:#fff; padding:20px 56px; margin:0 auto ;}
.why-choose h1{ color:#3d86ca; font-size:20px; text-align:center; line-height:50px; width:30%; border-bottom:1px solid #3d86ca; margin:0 auto 20px; font-weight:bold;}

.why-a .why-col-a{ width:14.6%; margin:1%; float:left; padding:36px 0; text-align:center;}
.why-a p{ color:#3d86ca; font-size:17px; text-align:center; margin-top:20px;}	

 @media  (max-width:580px) {
	.why-choose{  padding:12px 4px; margin:20px auto 0; }
	.why-choose h1{ width:60%; margin:0 auto 12px;  font-size:16px;}
	
	.why-a .why-col-a{ padding:6px 0; width:31.3%; }
	.why-a .why-col-a img{ width:60%; margin:0 auto;}
	.why-a p{  font-size:13px; margin-top:10px; }	
	}
	
/*综合治疗模式*/	
.sy-zhzl ,.sy-zhzl-b{ margin:20px 0; position:relative; background:#fff; padding:10px 0 16px;}
.sy-zhzl p a{ position:absolute; width:63%; left:28%; top:120px; line-height:28px; font-size:15px; color:#4c4c4c;}
.sy-zhzl .zhzl-more{ background:#fff; font-size:#4c4c4c; text-align:center; line-height:32px; padding:0 40px; display:block; position:absolute; left:36%; bottom:210px; border:2px solid #3d86ca; border-radius:30px; font-weight:bold;}
.sy-zhzl-b img{ width:100%;}
	
/*首页-视频中心*/
		.news-r{  background:#fff;  margin:20px 0 ; padding-top:4px; padding-bottom:24px;}
		.sp-pic img{ display:block;}
		.news-sp .bt-bf-d{ position:absolute; top:38%; left:38%; display:block;}
		.news-cold-box{background:#fff; padding:18px 20px 4px;}
		.news-cold-box a{ display:block;}
		.news-cold-box .ms a{ text-align:center; color:#fff; line-height:32px; background:#3d86ca; }
		.news-sp{ position:relative;}
		.black-box { position:absolute; top:0; left:0px; width:100%; height:100%;}
		.black-box .black-d{ background:#000; opacity:0.4; width:100%; height:100%; margin:0 auto;}
		@media (max-width:1080px) {
		.black-box .black-d{  width:80%; height:100%; }
	   .news-cold-box{background:#fff; padding:18px 20px 0;}
			}
		@media (max-width:750) {
		.news-r{ margin:0 0 10px; padding-bottom:30px;}
		.black-box .black-d{  width:150%; height:100%; }
		.news-cold-box{ padding:18px 20px 12px;}
			}
		@media (max-width:580px) {	
		.black-box .black-d{  width:100%; height:100%; }
		.news-r{ margin:0 0 10px; padding:0;}
		.news-cold-box{background:#fff; padding:18px 20px 12px;}
	}


/*首页-名医专家*/
.heading {background:#fff; padding:8px 20px 0; margin-top:20px;}
.heading .content-one a:hover{ font-weight:normal;}
.expert-mess{ background:#fff; padding:20px 10px; display:block;}
.a-left{ position:relative;}
.a-left .zjzx { width:18%; display:none; position:absolute; right:0; bottom:0;}
.a-left img{ width:100%;}
.expert-mess .b-left{ background-color:#fff;  margin:0 auto;}
.b-left .left-one{ text-align:center; font-size:16px; color:#3d86ca; padding-top:16px; margin-bottom:16px; font-weight:bold;}
.b-left .left-one span{ text-align:center; font-size:14px; color:#3d86ca; margin-left:20px; font-weight:bold;}
.b-left .left-two,.b-left .left-three{font-size:14px; color:#4c4c4c; line-height:20px; margin-bottom:8px;}
.b-left .left-two span,.b-left .left-three span{color:#3d86ca; font-weight:bold;font-size:14px; margin-right:12px; }

.mshow{display: none;}
.fix{ overflow:hidden;}
 @media  (max-width:580px) {
	.heading { margin-top:10px;}
	.expert-mess{ background:#fff; padding:20px 10px 10px 10px; display:block;}
	}
	

/*首页-成功案例*/
.case{ background:#fff; padding-top:10px; display:block; margin-bottom:10px;}
.case-pic img{ width:100%;}
.case-mess{ margin-top:6px;}
.case-mess h1{ color:#3d86ca; font-size:18px; margin:2px 0 8px;  display:-webkit-box; -webkit-box-orient:vertical;  -webkit-line-clamp:1 !important; overflow:hidden; }
.case-mess p{ color:#4d4d4d; font-size:12px; display:-webkit-box; -webkit-box-orient:vertical;  -webkit-line-clamp:3 !important; overflow:hidden;}
 @media (max-width:580px) {
	.case{margin-bottom:0;}
	.case-mess{ margin-top:2px;}
	.case-mess h1{  font-size:14px;  margin-bottom:4px;  -webkit-line-clamp:2 !important; line-height:20px; font-weight:bold;}
	
	}

/*首页-精神疾病*/
		.sy-jsjb-tab{ max-height:250px; overflow:hidden; position:relative;}
		.SYjsjb{ background:#fff; margin-top:20px;}
		.SYtab-title{ margin:0 auto; padding:0 20px;}
		.SYtab-title .more{ float:right; padding:16px 20px 0 0;}
		.SYtab-title .more a{ font-size:13px;  color:#4c4c4c; }
		.SYtab-title li{ float:left; width:11%;}
		.SYtab-title li a{ color:#3d86ca; padding:10px 8px; font-size:15px; display:block; text-align:center;}

		.SYtab-pic img{ width:80%;}
		.SYtab-bg{ background:#fff; padding:20px 0; overflow:hidden;}
		.nav-pills{ border-radius:0 !important;} 
		.testa { background:#fff; padding:26px 20px 40px; display:block;}
		.testa-box{background:#fff; position:absolute; top:0; right:0;}
		.testa h1{  text-align:center; padding:20px 12px; color:#3d86ca; font-size:16px; font-weight:bold;}
		.testa .test-pic img{ width:40%; margin-left:30%; margin-top:12px; padding-bottom:14px; }
		.testa p{ text-align:center; border-bottom:1px solid #3d86ca;}
		
		 @media (max-width:580px) {
		 .SYtab-title li{ float:left; width:45%;}
		 .SYtab-title li a{ padding:8px 6px;}
		 .SYtab-bg{padding:0 20px; }
		}


/*首页-健康咨询+自测*/
.jkzx-box{background:#fff ; padding-bottom:14px; margin:20px 0 0;}
.consult{ background:#fff; padding:20px 0px 0 0; }
.consult .consult-left{background:#3d86ca; padding:18px;}
.consult .consult-left h1 { border:2px solid #fff; text-align:center; padding:20px 12px; color:#fff; font-size:16px;}
.consult .consult-right a{ text-align:center; color:#fff; font-size:13px; background:#3d86ca; margin-bottom:4px;line-height:30px; border-right:4px solid #fff; text-overflow: ellipsis; white-space: nowrap; }

 .consult .consult-right a:hover{background:#fff; color:#3d86ca; }
 
.test { background:#fff; padding:20px 20px 7px; display:block;}
.test-box{background:#fff; ; margin:20px 0 0;  border-left:20px solid #f7f7f7;}
.test h1{  text-align:center; padding:8px 12px; color:#3d86ca; font-size:16px; }
.test .test-pic img{ width:44%; margin-left:28%; margin-top:12px; padding-bottom:14px; }
@media (max-width:1080px) {
	.jkzx-box{ padding-bottom:14px;}
	.test .test-pic img{  padding-bottom:20px; }
	.test h1{  padding:10px 12px;  line-height:20px}
	
	}
@media (max-width:580px) {
	.jkzx-box{ margin-bottom:20px;}
	.consult .consult-left h1 { padding:30px 12px;}
	.consult .consult-left{ padding:28px 18px;}
	.consult .consult-right a{ font-size:13px;  line-height:28px;  }
	.test{ padding:0; background:#3d86ca;}
	.test-box{  border-left:none; margin:16px 0 10px;}				
	.test .test-pic img{ display:none;}
	.test h1{ text-align:center; font-size:18px; color:#fff;}
	}



	.ten-doc{ background:#fff ; padding:0 40px;  position:relative;}
	.ten-doc-a { padding:0; position:relative;}
	.expert-mess-a{ background:#fff; padding:10px; }
    .swiper-container {
	 margin:0 20px ;
    }
    .doctor-slide{width:23.5% !important ;}
	.doctor-slide-a{width:100% !important ; margin-top:0 !important ;}
	.doctor-slide-a .doc-btn{ width:80%; margin:0 auto;}
	.doctor-slide-a .doc-btn a{ display:block; float:left; width:44%; margin:3%;  color:#fff;  background:#3d86ca; border-radius:15px; line-height:30px; font-size:14px; }
	.doctor-slide-a .doc-btn a:hover{ border:1px solid #3d86ca; color:#3d86ca; background:#fff; line-height:28px;}
    .swiper-slide {
      text-align: center ;
      font-size: 18px ;
      background: #fff ;
      
	  margin-top:8px  ;

      /* 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;
    }
	
	.swiper-slide a{ width:100%;}
	.swiper-button-white{
            width: 40px !important;
            height: 26px !important;
        }
     @media (max-width:580px) {
	 .swiper-slide {width:100% !important;}
	 .swiper-button-white{ display:none;
        }
	}
 

