﻿html{
		font-size: 100%;
	}
	body{
		margin:0;
		width:100%;
		font-family: "microsoft yahei","微软雅黑";
		font-size: 100%; 
	}
	
	p,div,h1,h2,h3,h4,h5,h6{
	    margin:0;
	    padding:0;
	    font-weight:normal;
	}
	ul,ol,dl,dd,dt,li{
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	a,i,b,u,em,strong,span,small{color: #5a5a5a;text-decoration: none;font-weight: 400;font-style:normal;	}
	
	*{padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;outline: none;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,input,font,figure{padding:0;font-family:Microsoft YaHei,Arial,Helvetica, sans-serif;font-size:100%;margin:0 auto; color:#505050;}
	fieldset,img{ border:0; vertical-align:top;}
	article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
	.lf{float:left;}
	.gt{float:right;}
	a{ color:#333; text-decoration:none;}
	a:link,a:visited{outline:none;}
	a:hover{ text-decoration:none;outline:none;}
	.clearfix:after{display: block;font-size:0;content: " ";clear: both;height:0; line-height:0;zoom: 1; visibility: hidden;}
	input[type="submit"],
	input[type="button"],
	button {-webkit-appearance: none;outline:0;cursor: pointer;}
	
	i,em{ font-style: normal;}

.main{ width:100%; max-width:720px; min-width:320px; font-size: 1.75em; line-height: 1.75em; overflow:hidden;}
/****************************************************************************************************************/
.nav{width:100%; margin-bottom:0.5%;}
.nav a{width:25%; background: #3EA7B3; color:#ffffff; font-size: 0.85em; line-height: 1.25em; padding:2% 0; float:left; border-right: 2px solid #ffffff ; display: block; text-align: center; box-sizing:border-box;}
.f1{width:100%; margin-top: 5%;}
.title{width:100%; margin-bottom: 5%;}
.title_zj{width:100%; margin-top: 5%;}
.title_zj h3{ width:100%; font-size: 0.85em; line-height: 1.25em; padding:1.5% 0; background: #3EA7B3; color:#ffffff; display: flex;  justify-content:left; align-items: center;}
.title_zj h3 span{width:10%; display: flex; align-items: center; margin-left: 3%;}
.title_zj h3 a{color:#ffffff;}

.f1_zj{width:100%; margin-top:5%;}
.f1_content_zj{width:94.4%;}
.f1_content_zj em{width:32%; float:left;}
.f1_content_g_zj{width:64%; float:right;}
.f1_title_zj{width:100%;position: relative;}
.f1_title_zj h3{width:22%; font-size: 1em; line-height: 1.25em;font-weight: bold;position: absolute; top:15%; left:3%; color:#ffffff;}
.f1_title_zj u{width:34%;font-size: 0.75em; line-height: 1.25em;position: absolute; top:22%; left:24%; color:#ffffff;font-variant:small-caps;}
.f1_title_zj h4{width:43%; font-size:0.85em; line-height: 1.25em;position: absolute; top:15%; left:62%;}
.f1_content_g_zj p{width:100%;display: block; margin-top: 5%;font-size: 0.8em; line-height: 1.5em;padding:0 1%; text-indent: 2em;}
.f1_content_g_zj p b{font-weight: bold;}
.f1_content_g_zj p a{ color:#3ab0bb;}
.f1_solid_zj{width:82%; display: block; margin: 0 auto; margin-top: 5%;}
.f1_solid_zj a{width:47%; font-size: 1em; line-height: 1.4em; font-weight:bold;padding:1.5% 0; text-align: center; display: flex; justify-content: center; align-items: center; color:#ffffff; border-radius: 0.2em;}
.f1_solid_zj a span{width:12%; display: flex; align-items: center; margin-left: 2%; margin-top: 1%;}
.f1_a1_zj{ background: #45a8b1;}
.f1_a2_zj{ background: #5ea1a7;}

#bannerqh{ position:relative;}
#bannerqh .hd{
	width:20%;
	position: absolute;
	bottom:3%;
	left:43%;
}
#bannerqh .hd ul li{
	float:left;
	text-align: center;
	font-size:1.2rem;
	width:25%;
	text-align: center;
	color:#646464;
}
#bannerqh .hd ul li.on{
	color:#ff0000;
}

	.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  background:url(images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	

.f1_content{width:94.4%; margin-bottom: 5%;}
.f1_content em{width:34.05%; float:left;}
.f1_content_a{width:65.95%; float:left;}
.f1_content_a a{width:31.3%; float:left; margin-left: 2%; background: #f2f2f2;color:#000000;font-size: 0.85em; line-height: 1.25em; padding:2.25% 0; margin-bottom: 2%; text-align: center;}
.f1_content_b{width:94.4%; margin-bottom:5%;}
.f1_content_b a{width:32%; float:left; margin-left: 2%;}
.f1_solid{width:90%;}
.f1_solid a{width:48%;font-size: 0.85em; line-height: 1.25em; padding:2% 0;color:#666666; text-align: center; border-radius: 2em;}
.ln{border:2px solid #cc0066;}
.lm{border:2px solid #cc6633;}
.f2{width:100%; margin-top: 5%;}
.f2_content{width:94.4%; position: relative; margin-bottom: 5%;}
.f2_content p{width:44.2%; font-size: 0.75em; line-height: 1.5em; position: absolute; top:10%; right:6%; color:#000000;font-weight: 500;}
.f2_solid{width:94.4%;}
.f2_solid_l{width:52.7%;}
.f2_solid_jt1{width:98%; margin-top:5%;position: relative;}
.f2_solid_jt1 h3{width:100%;font-size:0.85em;position: absolute; top:0; left:0; text-align: center; color:#ffffff;display: flex; justify-content: center; align-items: center;}
.f2_solid_g{width:45.5%;}
.f2_solid_jt2 {width:98%; margin-bottom:5%;position: relative;}
.f2_solid_jt2 h3{width:100%;font-size:0.85em;position: absolute; top:0; left:0;text-align: center; color:#ffffff;display: flex; justify-content: center; align-items: center;}
.f3{width:100%; margin-top:5%;}
.f3_content{width:94.4%; position: relative;padding-bottom: 15%;}
.f3_content p{width:95.5%;padding:3%;font-size: 0.75em; line-height: 1.4em; display: block; margin: 0 auto; background: #d9155a; color:#ffffff; border-radius: 0.2em; position: absolute; bottom:3%; left:2%; }
.f3_content p a{color:#fff000;}
.f3_solid{width:94.4%; margin-top: 5%;padding-bottom: 5%;}
.f4{width:100%; margin-top: 5%;}
.f4_content{width:94.4%; margin-top: 5%;}
.f4_a{width:100%; margin-bottom:2%;}
.f4_a a{font-size: 0.85em; line-height: 1.25em; padding:2% 0; text-align: center; color:#ffffff;display: block;}
.f4_a1{width:58%; background: #a2d9e4;}
.f4_a2{width:40%; background: #438ec6;}
.f4_a3{width:42%; background: #2d73bb;}
.f4_a4{width:56%; background: #f8c8ca;}
.f4_a5{width:100%; background:#ed7a65;}
.f4_a6{width:49%; background: #f4c702;}
.f4_a7{width:49%; background: #0f3777;}
.f4_a8{width:62%; background: #104fb9;}
.f4_a9{width:36%; background: #7484be;}


/**医院简介 home**/
.jj_nav{background: #da1a56;margin-bottom: 0.5%;}
.jj_nav a{float: left;border-left: 2px solid #fff;box-sizing: border-box;line-height: 2.4em;font-size: 0.93em;text-align: center;color: #fff;width: 25%;}
.jj_tit{background: #3EA7B3;margin-top: 4%;}
.jj_tit p{width: 96%;margin: 0 auto;display: flex;font-size: 0.86em;line-height: 2.4em;color: #fff;}
.jj_tit p span{display: flex;align-items: center;margin-right: 1%;width: 6.5%;}
.jj_tit p a{color: #fff;}
.jj_bod{width: 96%;}
.bod_top{width: 32.5%;border: 1px solid #0ea9c0;padding-bottom: 2%;position: relative;margin: 4% auto 6% auto;}
.bod_top h1{font-size: 1.45em;height:1.4em;line-height: 1.4em;text-align: center;font-weight: bold;color: #111;}
.bod_top i{width: 40%;display: block;position: absolute;left: 30%;bottom: -17%;background: #fff;}
.bod_top i img{width: 32%;margin: 0 auto;display: block;}
.bod_img{background: #f2f2f2;border-radius: 0.2em;padding-bottom: 3%;}
.bod_img em{width: 94.7%;margin: 0 auto;padding-top: 3%;display: block;}
.bod_img ul{width: 94.7%;margin: 0 auto;margin-top: 1.5%;}
.bod_img ul li{width: 40.6%;float: left;margin-left: 1.3%;}
.jj_bod p{font-size: 0.86em;text-indent: 2em;line-height: 1.5em;margin-top: 2%;color: #222;}
.jj_step{width: 96%;}
.step_tit{width: 70%;background: #0ea9c0;line-height: 1.85em;display: flex;margin: 5% auto;margin-left: 0;}
.step_tit span{display: flex;align-items: center;width: 13.54%;}
.step_tit b{color: #fff;margin-left: 2%;}
.step_con{display: flex;justify-content: space-between;}
.step_l{width: 53.5%;}
.step_r{width: 44.7%;}
.step_r i{margin-top: 2.2%;display: block;}
.jj_step p{font-size: 0.83em;text-indent: 2em;line-height: 1.5em;background: #f5f5f5;padding: 3% 1% 3% 3%;}
/**医院简介 end**/

/**来源路线 home**/
.lx_con{width: 96%;margin-top: 4%;}
.lx_con p{font-size: 0.78em;line-height: 1.5em;color: #333;}
.lx_con h1{line-height: 1.7em;font-size: 1em;font-weight: bold;color: #000;border-bottom: 1px solid #666666;width: 18%;margin-top: 3%;margin-left: 0;}
.lx_con h2{font-size: 0.78em;line-height: 1.7em;margin-top: 2%;}
.lx_con h2 b{color: #000;}
.lx_con h2 u{color: #d9155a;}
.lx_con h3{font-size: 0.75em;line-height: 1.6em;margin-top: 2%;}
.lx_pic{width: 90%;margin-top: 6%;margin-bottom: 4%;}
.lx_pic i{width: 100%;background: #df6349;line-height: 2.6em;font-size: 0.93em;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 0.2em;box-shadow: 5px 5px 0px #fabcaf;}
.lx_pic i span{width: 7%;display: flex;align-items: center;margin-left: 1%;}


.f1_a1{ background: #df6349;}
.f1_a2{ background: #ff6600;}

.jj_doc{}
.jj_doc .intro_c{position:relative;}
.jj_doc .intro_c{background:#f5f5f5;}
.jj_doc .intro_c .bd{position:relative;}
.jj_doc .intro_c .bd ul{overflow:hidden;}
.jj_doc .intro_c .bd ul li{float:left;}
.jj_doc .intro_c .bd ul li img{width:100%;}
.jj_doc .intro_c .btn{width:18.65em;height:3.8em;margin:0 auto;display:block;margin-top:2em;}
.jj_doc .intro_c .btn img{width:100%;}

.intro_c .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.intro_c .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
.intro_c .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.intro_c .hd ul .on{ background:#FE6C9C;  }

.intro_btn{overflow:hidden;padding:1em 2em 1em;}
.intro_btn a{width:7em;padding-left:2.5em;height:2.5em;line-height:2.5em;background:#ff582c;display:inline-block;font-size:1.4em;color:#fff;position:relative;}
.intro_btn a.btn_phone{background:#e71818;float:left;}
.intro_btn a.btn_chat{background:#fe9500;float:right;}
.intro_btn a.btn_phone:before{content:"";background:url(../images/intro_five_tel.jpg);background-size:100% 100%;width:2em;height:2em;left:0.2em;top:0.3em;display:inline-block;position:absolute;}
.intro_btn a.btn_chat:before{content:"";background:url(../images/intro_five_swt.jpg);background-size:100% 100%;width:2em;height:2em;left:0.2em;top:0.3em;display:inline-block;position:absolute;}


.footer{width:100%;  margin-top: 5%;background: #f5f5f5;padding-bottom: 4%;}
.footer_content{width:94.4%; margin-top: 5%;}
.footer_content i{width:40%;  float:left;}
.footer_solid{width:55%; float:right;}
.footer_solid p{width:100%; font-size: 0.75em; line-height: 1.4em; text-align: left; display: flex; justify-content:left; align-items: center; margin-bottom:3%; color:#666666;}
.footer_solid p span{width:18%;display: flex; align-items: center; margin-right: 2%;}

/***********************************媒体查询*******************************************/
		@media only screen and (max-width: 320px){
			.main{ font-size:0.75em;line-height:1.8em;}
		}
		@media only screen and (max-width: 321px)and (max-width: 359px){
			.main{ font-size:0.75em;line-height:1.8em;}
		}
		@media only screen and (min-width: 360px)and (max-width: 362px){
			.main{ font-size:0.875em;line-height:1.8em;}
		}
		@media only screen and (min-width: 362px)and (max-width: 384px){
			.main{ font-size:0.875em;line-height:1.8em;}
		}
		@media only screen and (min-width: 385px)and (max-width: 400px){
			.main{ font-size:0.9em;line-height:1.8em;}
		}
		@media only screen and (min-width: 401px)and (max-width: 480px){
			.main{ font-size:0.9em;line-height:1.8em;}
		}
		@media only screen and (min-width: 481px)and (max-width: 639px){
			.main{ font-size:1.25em;line-height:1.8em;}
		}
		@media only screen and (min-width: 640px)and (max-width: 719px){
			.main{ font-size:1.56em;line-height:1.8em;}
		}