/*头部开始*/
.top{ margin: 0 auto; height: 70px;  border-bottom: 1px #ececec; box-shadow: 2px 2px 2px #ccc;}
.top ul{ margin: 0 auto;}
.top li{ float: left; font-size: 18px; color: #666; line-height: 70px;  margin-right: 30px;}
.top li:first-child{ margin-right: 320px;}
.top li img{ width: auto; height: 50px; margin-top: 10px;}
.top li a{ color: #666;}
/*头部结束*/

/*主体开始*/
.content{ margin: 0 auto;}
/*医院部分开始*/
.hos_jj{ width: 100%; margin-top: 20px;}
.hos_jj dt{ width: 350px; float: left;}
.hos_jj dt img{ width: 100%;}
.hos_jj dd{ width: 830px; float: right;}
.hos_jj dd li{ font-size: 16px; line-height: 28px; color: #666; margin-bottom: 22px;}

.hos_jj dd li a{ color: #666;}
.hos_jj dd li:last-child{ margin-bottom: 0;}
/*医院部分结束*/
/*医生部分开始*/
.doctor{ width: 100%; margin-top: 20px;}
.doctor dl{ border: 1px #ececec solid;}
.doctor dt{ height: 45px; background: #ececec;}
.doctor dt p{ width: 80px; line-height: 43px; font-size: 20px; border-top: 2px #692d08 solid; padding: 0 15px; background: #fff; display: block; float: left;}
.doctor dt a{ float: right; line-height: 45px; font-size: 14px; color: #666; margin-right: 15px;}
.doctor dd{ padding:0 20px 20px 20px;}
.doctor li{ width: 274px;
	float: left;
	margin: 20px 20px 20px 0;
}
.doctor li:nth-child(4n){ margin-right: 0;}
.doctor li img {
	width: 120px;
	float: left;
	margin-right: 12px;
}
.doctor li span {
	font-size: 16px;
	color: #262626;
	padding-top: 8px;
	display: block;
}
.doctor li p {
	color: #8c8c8c;
	font-size: 14px;
	line-height: 20px;
	padding-top: 9px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 39px;
}
.doctor li i {
	width: 100px;
	height: 30px;
	background: #009582;
	color: #fff;
	text-align: center;
	float: left;
	border-radius: 5px;
	margin-top: 16px;
	display: block;
}
.doctor li i a {
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 28px;
	width: 100%;
	display: block;
}
/*医生部分结束*/
/*医院环境开始*/
.hos_env{ width: 100%; margin-top: 20px;}
.hos_env dl{ border: 1px #ececec solid;}
.hos_env dt{ height: 45px; background: #ececec;}
.hos_env dt p{ width: 80px; line-height: 43px; font-size: 20px; border-top: 2px #692d08 solid; padding: 0 15px; background: #fff; display: block; float: left;}
.hos_env dd{ width: 100%;}
.carousel{ width: 97%; padding: 1.5%; background: #fff; overflow: hidden;}
#mydiv{width:100%; max-width:1200px; height:152px; padding:0; overflow:hidden; }
#mysubdiv{margin:0; padding:0;width:9999px; height:152px;}
#mypicdiv{margin:0; padding:0;width:auto; height:152px; float:left;}

#mypicdiv2{margin:0; padding:0;width:auto; height:152px;float:left;}
#mydiv a{ width:271px; height:152px; float:left; padding-right:20px; display: block;}
/**医院环境结束/
/*主体结束/

/*底部*/
.footer{ width: 100%; height: auto; margin-top: 20px; overflow: hidden; background: #ececec;}
.footer dl{ width: 1200px; padding: 30px 0; margin: 0 auto;}
.footer dt{ float: left;}
.footer dd{ float: right; text-align: right;}
.footer p{ line-height: 1.7; color: #666; font-size: 12px;}
/*底部结束*/

.wap_footer{ display: none;}
.xiangmugai{ display:none;}
.wap_top{display: none;}
.wap_pf{ display: none;}

/*医院页面*/
.article_list{ width: 100%;}
.nav{ width: 100%; height: 35px; color: #666; border-bottom: 1px #ececec solid;}
.nav a{ color: #666;}
.article_list_left{ width: 800px; float: left;}
.hospital{ width: 100%; margin-top: 20px;}
.hospital_jj{ width: 100%;}
.hospital_jj p{ line-height: 1.5;}
.hospital_jj i{width: 90px; font-size: 20px; text-align: center; color: #007868; border-bottom: 2px #007868 solid; padding: 20px 0 10px 0; margin-bottom: 10px; display: block;}
.hospital_env{ width: 100%; margin-top: 20px;}
.hospital_env dt{ height: 35px; border-bottom: 1px #ececec solid; font-size: 20px;}
.hospital_env dd{ margin-top: 20px;}
.hospital_env li{ width: 185px; float: left; margin-right: 20px;}
.hospital_env li:last-child{ margin-right: 0;}
.hospital_env img{ width: 100%;}
.hospital_address{ width: 100%; margin-top: 20px;}
.hospital_address dt{ height: 35px; border-bottom: 1px #ececec solid; font-size: 20px;}
.hospital_address dd{ margin-top: 20px;}
.hospital_address dd img{ width: 100%;}
.hospital_lxwm{ width: 100%; margin-top: 20px;}
.hospital_lxwm dt{ height: 35px; border-bottom: 1px #ececec solid; font-size: 20px;}
.hospital_lxwm dd{ margin-top: 20px;}
.hospital_lxwm li{ width: 100%; line-height: 2;}
.hospital_lxwm li:last-child b{ width: 100%;}
.hospital_lxwm b{ width: 75px; float: left;}
.hospital_lxwm span{ width: 100%; display: block;}
.article_list_right{ width: 350px; float: right;}
.tszl{ width: 100%; margin-top: 20px;}
.tszl dt{ width: 100%; height: 35px; border-bottom: 1px #ececec solid;}
.tszl dt p{ font-size: 20px; float: left;}
.tszl dt a{ font-size: 14px; color: #666; float: right;}
.tszl dd{ width: 100%; margin-top: 15px;}
.tszl dd li{ margin-bottom: 10px; height: 24px; line-height: 24px; font-size: 14px; overflow: hidden;}
.tszl dd li::before{content: ''; width: 6px; height: 6px; float: left; margin: 8px 10px 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff9d00; display: block;}
.tszl dd li a{ color: #333;}

/*医生页面*/
.doctor_list{ width: 100%;}
.doctor_list li{ padding: 30px 0; border-bottom: 1px #eee solid;}
.doctor_list li:last-child{ border-bottom: none;}
.doctor_list dt{ width: 140px; height: 140px; float: left; overflow: hidden;}
.doctor_list dt img{ width: 100%;}
.doctor_list dd{ width: 640px; float: right;}
.doctor_new{ width: 440px; float: left;}
.doctor_new a{ color: #666;}
.doctor_new a p{ line-height: 2; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.doctor_new b{ font-size: 16px; padding-bottom: 14px; font-weight: normal; display: block;}
.doctor_new b span{ font-size: 18px; font-weight: bold; margin-right: 10px;}
.doctor_zxgh{ width: 180px; float: right;}
.doctor_zxgh a{ width: 120px; height: 40px; float: right; font-size: 16px; background: #07d0c4; color: #fff !important; text-align: center; line-height: 40px;  margin-top: 20px; border-radius: 5px;}
.doctor_zxgh a:last-child{ background: #ff8a00;}

/*文章列表*/
.art_list{ width: 100%;}
.art_list ul{ width: 100%;}
.art_list li{ width: 100%; padding: 2% 0; border-bottom: 1px dashed #ececec;}
.art_list li:last-child{ padding-bottom: 0; border-bottom: none;}
.art_list li a h1{ width: 100%; height: 30px; font-size: 18px; color: #666; overflow: hidden;}
.art_list li p{ width: 100%; line-height: 25px; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px;}
.art_list li i{ width: 100%; height: 20px; line-height: 20px; margin-top: 10px; color: #999; display: block;}
.page{width: 94%; height: auto; padding: 2%; background: #fff; margin-top: 15px; border-radius: 3px; display: flex; justify-content: center; margin-top: 20px; border-top: 20px #f7f8fa solid;}
.page li{ display: block; float: left;}
.page_xz{ background: #009582; color: #fff;}
.page li a{display: block; color: #333; background: #eee; line-height: 34px; padding: 0 10px; margin: 0 2px;}

/*文章详情*/
.art{ width: 100%; padding-top: 20px;}
.art h1{ width: 100%; line-height: 30px; font-size: 24px;}
.art span{ width: 100%; height: auto; line-height: 20px; padding-bottom: 5px; border-bottom: 1px solid #eee; margin-top: 10px; color: #999; font-size: 12px; display: block;}
.art a{ color: #333; margin-left: 10px;}
.art_content p{ width: 100%; font-size: 16px; margin-top: 15px; line-height: 2; text-indent: 2em;}
.art_content center{ width: 30%; margin: 0 auto; padding: 2% 0;}
.art_content center img{ width: 100%;}
.art_content p img{ width: 80%;}
.art_page{ width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px #ececec solid;}
.art_page li{ width: 48%; float: left;}
.art_page li:last-child{ float: right;}
.art_page li{ color: #ff9d00;}
.art_page li a{ color: #333;}


.art_news{ width: 100%; margin-top: 40px;}
.art_news dt{ width: 100%; height: 35px; border-bottom: 1px #ececec solid;}
.art_news dt p{ font-size: 20px; float: left;}
.art_news dt a{ font-size: 14px; color: #666; float: right;}
.art_news dd{ width: 100%; margin-top: 10px;}
.art_news li{ width: 100%; padding: 15px 0;}
.art_news h1{ font-size: 18px; color: #333;}
.art_news dd p{ width: 100%; line-height: 25px; color: #666; margin-top: 10px;}


@media (max-width: 768px) {
	.top{ display: none;}
	.wap_top{ width: 100%; display: block; background: #fff; position: fixed; top: 0; z-index: 10000; box-shadow: 2px 2px 2px #ccc;}
	.wap_top dl{ padding: 7px 0; height: auto;}
	.wap_top dt{ float: left; line-height: 1.5; font-weight: bold; padding-left: 5%; font-size: 1.2em;}
	.wap_top dd{ float: right; font-size: 20px; font-weight: bold; padding-right: 5%; padding-top: 5%;}
	.wap_top p{top: 44px;}

	#list { width: 100%; background-color: #999; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; opacity: .9;}
	#list a { display: block; padding: 5px 10px; line-height: 1.5; text-decoration: none; color: #fff; text-align: center;}
	#list a:hover { background-color: #007868;}

	.content{ margin-top: 6em; padding: 2%;}
	.hos_jj{ margin-top: 0;}
	.hos_jj dt{ width: 100%; float: none;}
	.hos_jj dd{ width: 100%; float: none;}
	.hos_jj dd li{ margin-bottom: 0;}
	.hos_jj dd li:last-child{ display: none;}

	.doctor li{ width: 100%; float: none; margin-bottom: 5%;}
	.doctor li:last-child{ margin-bottom: 0;}
	.doctor li span{ font-size: 14px;}
	.doctor li span b{ font-size: 16px; width: 100%; padding-bottom: 2%; display: block;}

	.footer{ display: none;}
	.wap_footer{ display: block; width: 96%; padding: 2%; margin-bottom: 20%; border-top: 1px #ececec solid;}
	.wap_footer p{ width: 100%; line-height: 1.7;}
	.wap_footer p:nth-child(2),.wap_footer p:nth-child(3){ width: 43%; float: left; margin-right: 2%;}
	.wap_footer p:nth-child(5){ margin-top: 2%;}
	.wap_footer dd{ float: left; text-align: left;}

	.xiangmugai {width: 100%;max-width: 640px;bottom: 0px;background: #f0f0f0;position: absolute;position: fixed ! important;margin: 0px auto;top: expression(documentElement.scrollTop+250);text-align: center;z-index: 99999;padding:0 0 0 0;display:block;}
	.xiangmugai ul{width: 98%;margin: 0 auto;}
	.xiangmugai li{float: left;width: 33%;margin: 0 0.1%;}
	.xiangmugai li a{ width:100%;}
	.xiangmugai li a img{width:100%;}
	.wap_pf{ display: block;  width: 70px; height: 70px;  position: fixed; top: 40%; right: 3%; text-align: center; line-height: 70px; border-radius: 50%; z-index: 100000;}
	.wap_pf img{ width: 100%;}
	.wap_pf i{ border-radius: 50%; background: red; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; text-align: center; line-height: 18px; color: #fff;}

	.article_list_left{ width: 100%;}
	.hospital_env dd{ margin-top: 0;}
	.hospital_env li{ margin-top: 4%;}
	.hospital_env li:nth-child(2n){ margin-right: 0;}

	.article_list_right{ width: 100%; margin-top: 5%;}

	.doctor_list li{ padding: 5% 0;}

	.doctor_list dt{ width: 35%; height: auto; margin-right: 5%;}
	.doctor_list dd{ width: 60%; float: right;}
	.doctor_new{ width: 100%; float: none;}
	.doctor_new p{ display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
	.doctor_zxgh{ display: none;}

	.art_right{ display: none;}
	.page{ width: 100%; padding: 5% 0;}

	.art{ padding: 3% 0;}
	.art_page{ padding-top: 2%; margin-top: 2%;}
	.art_page li{ width: 100%; line-height: 35px;}

	.art_news{ margin-top: 2%; padding-top: 12%; border-top: 1px #ececec solid;}

	.art_content center{ width: 80%;}

	.doctor li i{width: 64%;
		float: right;}
	.doctor li p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
	.br-m{
		display: none;
	}
}