﻿@charset "utf-8";

/* CSS Document */

.characteristic{ height:120px; padding-top:25px;}

.characteristic .chars{ height:80px; width:167px; border:1px solid #E1E1E1; border-radius:2px; float:left; margin-right:5px;}

.characteristic .chars i{ display:block; background:url(../images/chars-icon.png) no-repeat center; width:60px; height:60px; margin:8px; float:left;}

.characteristic .chars .txt{ float:right; width:88px; margin-top:18px;}

.characteristic .chars .txt h1{ font-size:16px; font-weight:normal;}

.characteristic .chars .txt h2{ font-size:12px; font-weight:normal; line-height:25px;}



.characteristic .chars i.icon1{ background-position:0px 0px;}

.characteristic .chars i.icon2{ background-position:0px -65px; }

.characteristic .chars i.icon3{ background-position:0px -132px;}

.characteristic .chars i.icon4{ background-position:0px -195px;}

.characteristic .chars i.icon5{ background-position:0px -264px;}

.characteristic .chars i.icon6{ background-position:0px -330px;}



.characteristic .chars:hover{ background-color:#329DA7;transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; border-color:#FFF;}

.characteristic .chars:hover a { color:#FFF;}



.characteristic .chars:hover i{transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}

.characteristic .chars:hover i.icon1{ background-position:-62px 0px;}

.characteristic .chars:hover i.icon2{ background-position:-62px -65px; }

.characteristic .chars:hover i.icon3{ background-position:-62px -132px;}

.characteristic .chars:hover i.icon4{ background-position:-62px -195px;}

.characteristic .chars:hover i.icon5{ background-position:-62px -264px;}

.characteristic .chars:hover i.icon6{ background-position:-62px -330px;}





.title{ height:33px; border-bottom:1px solid #F2F2F2; position:relative;}

.title .txt { position:absolute; top:1px;}

.title .txt a{ display:inline-block; color:#545454; line-height:32px; height:32px; font-size:16px;}

.title .txt a:hover{ border-bottom:1px solid #14B4BE;}

.title .txt a.on{border-bottom:1px solid #14B4BE;}

.title .txt span{display:inline-block; border-left:2px solid #545454; width:10px; height:13px; margin-left:10px;}

.title .more{ display:block; float:right; line-height:33px; font-size:15px;}





.newsboxs{}

.newsboxs .news{ width:808px;}

.newsboxs .news .news-content{ margin-top:20px;}

.newsboxs .news .news-content .focus{ width:327px;}

.newsboxs .news .news-content .lists{ width:455px;}

.newsboxs .news .news-content .lists li{ line-height:35px; border-bottom:1px solid #E4E4E4; font-size:14px;}

.newsboxs .news .news-content .lists span { float:right;}



.newsboxs .quick{ width:362px;}

.newsboxs .quick ul,.newsboxs .quick li{ display:block;}

.newsboxs .quick li{ display:block; width:78px; height:78px; float:left; margin-right:63px; margin-top:20px;}



.newsboxs .quick li i{background:url(../images/quick-icon.png) no-repeat center center;  -webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s;display:block; width:78px; height:78px;}



.newsboxs .quick li.q1 i{ background-position:0px 0px;}

.newsboxs .quick li.q2 i{ background-position:-78px 0px;}

.newsboxs .quick li.q3 i{ background-position:-156px 0px;}

.newsboxs .quick li.q4 i{ background-position:-234px 0px;}

.newsboxs .quick li.q5 i{ background-position:-312px 0px;}

.newsboxs .quick li.q6 i{ background-position:-390px 0px;}

.newsboxs .quick li.q7 i{ background-position:-468px 0px;}

.newsboxs .quick li.q8 i{ background-position:-546px 0px;}



.newsboxs .quick li:hover.q1 i{ background-position:0px -81px;}

.newsboxs .quick li:hover.q2 i{ background-position:-78px -81px;}

.newsboxs .quick li:hover.q3 i{ background-position:-156px -81px;}

.newsboxs .quick li:hover.q4 i{ background-position:-234px -81px;}

.newsboxs .quick li:hover.q5 i{ background-position:-312px -81px;}

.newsboxs .quick li:hover.q6 i{ background-position:-390px -81px;}

.newsboxs .quick li:hover.q7 i{ background-position:-468px -81px}

.newsboxs .quick li:hover.q8 i{ background-position:-546px -81px;}



/*焦点图*/

.focus { width:327px; height:173px;position: relative;background: #000; overflow:hidden;margin-bottom:15px;padding-right:15px;margin-top: 10px; }

.focus .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;width:327px;}

.focus .bd ul {width: 100% !important;}

.focus .bd li {width: 327px;height: 207px;overflow: hidden;text-align: center;}

.focus .bd li a {display: block;height: 207px;}

.focus .hd {position: absolute;z-index: 1;bottom: 2px;right: 10px;height: 30px;line-height: 30px; text-align: center;_filter: alpha(opacity = 60);}

.focus .hd ul {text-align: center; padding-top: 5px;}

.focus .hd ul li {cursor: pointer;display: inline-block; *display: inline;zoom: 1;width: 6px;height: 6px;margin: 2px;overflow: hidden;line-height: 9999px; background-color:#666;}



.focus .hd ul .on {background-color:#FFF;}







.box1{ margin-top:20px; height:323px;}

.box1 .box-l{ width:380px; margin-right:25px;}

.box1 .box-l .lists{ margin-top:10px; }

.box1 .box-l .lists li{ line-height:35px; font-size:13px; color:#4D4D4D;}

.box1 .box-l .lists li a{ color:#4D4D4D;}

.box1 .box-l .lists span { float:right;}



.box1 .box-c{ width:415px;}

.box1 .box-c .imgs{ height:155px; border-bottom:1px solid #D4D4D4; margin-top:18px; margin-right:-10px; zoom:1;overflow:hidden;}

.box1 .box-c .imgs a{ display:inline-block; width:200px; height:140px; text-align:center; line-height:25px; font-size:15px; overflow:hidden; margin-right:10px;}



.box1 .box-c .lists{ margin-top:16px; }

.box1 .box-c .lists li{ line-height:34px;  font-size:13px; color:#4D4D4D;}

.box1 .box-c .lists li a{ color:#4D4D4D;}

.box1 .box-c .lists span { float:right;}

 

.box1 .box-r{ width:360px; overflow:hidden;}

.box1 .box-r .content{ margin-top:18px;}

.box1 .box-r .content img{ display:block;}

.box1 .box-r .content .tit{ background-color:#D6D6D6; height:30px; line-height:30px; display:block; text-align:center; font-size:14px;}

.box1 .box-r .content .nod{ margin-top:10px; line-height:25px; color:#333; font-size:14px;}

.box1 .box-r .content .nod a{ color:#F00;}

.box1 .box-r .content .btns{ margin-top:15px;}

.box1 .box-r .content .btns a{ display:inline-block; height:30px; line-height:30px; text-align:center; background-color:#E6E6E6; width:103px; border-radius:5px; color:#787878; margin-right:15px;}

.box1 .box-r .content .btns a .icon2{background-position:0px -38px;}

.box1 .box-r .content .btns a.on { color:#FFF; background-color:#3AC290;}

.box1 .box-r .content .btns a.on .icon2{background-position:0px -18px;}



.box1 .box-r .content .btns a:hover{color:#FFF; background-color:#3AC290;}

.box1 .box-r .content .btns a:hover .icon2{background-position:0px -18px;}



.expert{ background-color:#F2F2F2; height:465px; margin-top:20px; border-radius:5px;}

.expert h1{ font-size:25px; font-weight:normal; text-align:center; line-height:60px; display:block; position:relative;}

.expert h1 i{ display:block; position:absolute; background-color:#13B3BE; height:3px; font-size:0px; width:100px; bottom:0px; left:45%;}



.expert .department{ height:62px; border:1px solid #3CC290; width:1102px; margin:0 auto; border-radius:5px; margin-top:23px; display:block; overflow:hidden;}

.expert .department li{ display:inline-block; text-align:center; width:156px; font-size:16px;}

.expert .department li a{ display:block; padding:5px 10px 5px 10px; border-radius:5px;}

.expert .department li a:hover{ background-color:#3CC290; color:#FFF;}



.expert .department .tit{ width:138px; background-color:#3BC291; color:#FFF; height:62px; text-align:center; line-height:62px; font-size:20px;}

/*首页医生团队修改start*/
.doc_slide_inner{
	width: 1102px;
	position: relative;
	margin: 37px auto;
	padding-left:30px;
}
.doc_slide_inner .doc_slide_bd{
	width: 1102px;
	height: 240px;
	overflow: hidden;
}

.doc_slide_inner .doc_slide_bd ul{
	overflow: hidden;
	zoom: 1;
}
.doc_slide_inner a.doc-prev,.doc_slide_inner a.doc-next{
	position: absolute;
	display: block;
    width:32px;
    height:32px;
    z-index:999;
    position:absolute;
    top:50%;
    margin-top: -16px;
    background:url(../images/left_right.png) no-repeat left top;
    /*display: none;*/
}

.doc_slide_inner a.doc-prev{
	left: 0;
}
.doc_slide_inner a.doc-next{
	right: 7px;
	background:url(../images/left_right.png) no-repeat left -36px
}
.doc_slide_inner a.doc-prev:hover,
		.doc_slide_inner a.doc-next:hover{ 
		filter:alpha(opacity=100);
		opacity:1; 
		display: block; }
/*首页医生团队修改end*/


.expert .doctors{ height:240px;width:1102px;margin:37px auto;}

.expert .doctors li{ display:inline-block; vertical-align:top; width:167px; margin-right:50px; position:relative;}

.expert .doctors li .facein{width:0px; height:0px;top:50%; left:50%; text-align:center;border-radius:50%;position:absolute; overflow:hidden;padding: 0px;}



.expert .doctors li .facein .btn{  display:block; background-color:#3AC290; width:64px; height:24px; line-height:24px; color:#FFF; font-style:normal; border-radius:10px;}



.expert .doctors li .facein .bg{display:block; width:100%; height:100%;background-color:#000; opacity:0.1;border-radius:50%; position:absolute; top:0px; left:0px;}



.expert .doctors li .face{ display:block; width:167px; height:167px; border-radius:50%; background-size:100% 100%; }

.expert .doctors li:hover .facein{width: 100%;top: 0;left: 0;height: 167px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;padding:76px 52px 20px;}





.expert .doctors li .text{ text-align:center; font-size:17px; color:#333; margin-top:10px;}

.expert .doctors li .text span{ font-size:16px; color:#13B5B3;}

.expert .doctors li .text p{ display:block; text-align:center; line-height:40px;color:#333;}



.equipment{ margin-top:20px; height:210px;}

.equipment .box-l{ width:470px;}

.equipment .box-l h1{ display:block; text-align:center; color:#0E8991; margin-top:15px; font-weight:normal;}

.equipment .box-l h1 span{ font-size:16px;}

.equipment .box-l .text{ font-size:15px; text-indent:30px; margin-top:20px; line-height:26px; color:#333333;}



.equipment .box-r{ width:700px; position:relative;  height:210px;}

.equipment .box-r .btns{ height:34px; width:105px; position:absolute; bottom:0px; left:-110px;}

.equipment .box-r .btns a{ display:inline-block; height:34px; width:34px;}

.equipment .box-r .btns a.le{ background-position:0px -63px;}

.equipment .box-r .btns a.re{ background-position:-37px -63px; margin-left:10px;}

.equipment .box-r .btns a:hover.le,.equipment .box-r .btns a:hover.re{-webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s;}

.equipment .box-r .btns a:hover.le{ background-position:0px -99px;}

.equipment .box-r .btns a:hover.re{ background-position:-37px -99px;}



.equipment .box-r ul,.equipment .box-r li{ display:block;}

.equipment .box-r ul{ margin-right:-10px; zoom:1;}

.equipment .box-r li{ display:inline-block; margin-right:10px; position:relative; overflow:hidden;}

.equipment .box-r li i{width:343px; height:100%; position:absolute; top:-210px; left:0px; background-color:#000; opacity:0.6; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}

.equipment .box-r li p{position:absolute; top:-210px; left:0px; color:#FFF; height:100%; text-align:center; font-size:25px;width:343px;padding: 50px 20px 20px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}

.equipment .box-r li p span{ display:block; background-color:#3BC291; width:134px; height:40px; line-height:40px; border-radius:5px;text-align:center; margin:0 auto; font-size:18px; margin-top:15px;}

.equipment .box-r li:hover i,.equipment .box-r li:hover p{ top:0px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}


/*医生列表*/
.left_fl ,.left{
	float: left;
	display: inline;
}

.right_fl ,.right{
	float: right;
	display: inline;
}
.doc_lists{
	width: 1150px;
	margin: 0 auto;
}
.doc_text_wrapper{
	position: relative;
	margin-top: 36px;
	height: 510px;
}
.doc_text_wrapper .slide_inner_hd1{
	position: absolute;
	left: 0;
	width: 100%;
}
.doc_text_wrapper .slide_inner_hd1 li{
	float: left;
	width: 180px;
	height: 90px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	padding: 6px;
	margin-bottom: 12px;
	cursor: pointer;
}
.doc_text_wrapper .slide_inner_hd1 ul:after{
	content: '';
	display: block;
	clear: both;
}
.doc_text_wrapper .slide_img{
	width: 71px;
	height: 78px;
	overflow: hidden;
	text-align: center;
	background-color: #f2f2f2;
}
.doc_text_wrapper .slide_img img{
	height: 100%;
}
.doc_text_wrapper .slide_text1{
	width: 92px;
	padding-left: 6px;
}
.doc_text_wrapper .slide_text1 h3{
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	padding-bottom: 7px;
}
.doc_text_wrapper .slide_text1 p{
	font-size: 16px!important;
	font-weight: normal;
	font-stretch: normal;
	height: 20px;
	line-height: 20px!important;
	letter-spacing: 0px;
	color: #333333;
	text-indent: 0;
	padding-left: 11px;
	background: url(../images/dot_icon1.png) no-repeat 0 center;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
}

.doc_text_wrapper .slide_inner_hd1 li.dot_more{
	width: 180px;
	background: url(../images/more_bg.jpg) center 12px no-repeat #f2f2f2;
}
.doc_text_wrapper .slide_box_hd .dot_more a{
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 40px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #3AC290;
	text-align: center;
}
.doc_text_wrapper .slide_inner_hd1 li:nth-child(even){
	margin-left: 790px;
}
.doc_text_wrapper .slide_inner_hd1 li.on{
	background: #3AC290;
}
.doc_text_wrapper .slide_inner_hd1 li.on .slide_text1 p{
	color: #fff!important;
	background: url(../images/dot_icon2.png) no-repeat 0 center;
}
.doc_text_wrapper .slide_inner_hd1 li.on h3{
	color: #fff;
}
.doc_text_wrapper .slide_inner_bd1{
	width: 748px;
	height: 496px;
	background-color: #fff;
	border: solid 1px #3AC290;
	position: absolute;
	left: 200px;
	top:0;
	overflow: hidden;
}
.doc_text_wrapper .slide_inner_bd1 .slide_bd_box{
	width: 748px;
	height: 496px;
	padding: 20px;
	overflow: hidden;
}
.doc_text_wrapper .slide_inner_bd1 .slide_bd_box .doc_img{
	width: 251px;
	height: 312px;
	background-color: #f2f2f2;
	overflow: hidden;
	text-align: center;
}
.doc_text_wrapper .slide_inner_bd1 .slide_bd_box .doc_img a{
	display: block;
	width: 100%;
	height: 100%;
}
.doc_text_wrapper .slide_inner_bd1 .slide_bd_box .doc_img img{
	height: 321px;
}
.doc_text_wrapper .slide_inner_bd1 .doc_text{
	width: 450px;
	height: 313px;
	padding-left: 20px;
	display: flex;
	align-items: center;
	text-align: justify;
	overflow: hidden;
	border-bottom: dashed 1px #cccccc;

}
.doc_text_wrapper .slide_inner_bd1 .doc_text h3{
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #3AC290;	
}
.doc_text_wrapper .slide_inner_bd1 .doc_text h3 span{
	font-size: 16px;
	color: #333333;
	display: inline-block;
	padding-left: 13px;
}
.doc_text_wrapper .slide_inner_bd1 .doc_text  h4{
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	border-bottom: dashed 1px #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.doc_text_wrapper .slide_inner_bd1 .doc_text .doc_text_inner{
	/*height: 205px;*/
}
.doc_text_wrapper .slide_inner_bd1 .doc_text .doc_text_inner {
	font-size: 18px!important;
	color: #333333;
}
.doc_text_wrapper .slide_inner_bd1 .doc_text .doc_text_inner p{
	text-indent: 0;
	font-size: 18px!important;
	height: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px!important;
	letter-spacing: 0px;
	color: #333333;
	padding-left: 10px;
	background: url(../images/dot_icon1.png) no-repeat left center;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
}
.slide_inner_bd1 .text_link{
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #3AC290;
}
.slide_inner_bd1 .text_link span{
	color: #333;
}
.slide_inner_bd1  .doc_text_bot p{
	height:105px;
	display: inline-block!important;
	font-size: 18px!important;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px!important;
	letter-spacing: 0px;
	color: #333333;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
}
.slide_inner_bd1  .doc_text_bot p:nth-child(1){
	height: 35px;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
}
.slide_inner_bd1  .doc_text_bot p span{
	font-weight: bold;
}




