﻿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:#277dc8; 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%;  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;color: #222;padding: 1% 1% 3% 3%;background:#f5f5f5;}
.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.86em;text-indent: 2em;line-height: 1.5em;color: #222;padding: 3% 1% 1% 3%;background:#f5f5f5;}
/**医院简介 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%;}
.hot{ width:100%; overflow:hidden; margin:10px auto 0 auto;background:#fff;}
.hot h2{ width:100%; float:left; height:35px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#277dc8), to(#045eae)); background: -moz-linear-gradient(top, #277dc8, #045eae); text-align:center; font-size:14px; line-height:35px; border-bottom:solid 1px #8a8d8f; color:#FFF;}

/* 仅保留挂号模块、底部咨询、页脚相关样式，其余全部删除 */
.ghuahao_title { width:88%; margin:0 auto; font-family: Microsoft YaHei; font-size: 1.5em; color: #1f1f1f; height: 5.0rem; line-height: 5.0rem; clear: both; margin-top: 1.5%; overflow:hidden; border-bottom:#000 1px solid; }
.ghuahao_title h2 { text-align:center; font-weight: normal; font-size:1.5rem; }
.ghuahao_title p { width: 30%; height: 3px; margin: 0 auto; border-bottom: 6px solid #0071c5; margin-top: -6px; }
.form { width:88%; padding-top: 1%; padding-bottom: 1%; margin: 0 auto; }
.form input, select { border:1px rgb(169, 169, 169) solid; }
.formBar { text-align:center; margin-bottom:2%; }
.formBar input { padding:1% 2%; width:60%; color:#666; }
.formBar input, .formBar span, .formBar select { font-size:89%; color:#4d4d4f; }
.formBar select { padding:1%; width:65%; color:#666; }
.formBar .texta { padding:1% 2%; width:60%; color:#666; font-size:80%; }
.message a { color:#222; }
.formBtn { overflow:hidden; text-align:center; margin:2% auto; }
.formBtn input, .formBtn select { display: inline-block; vertical-align: middle; width: 30%; margin-left: 3%; padding: 2% 0; text-align: center; color: #fff; border: 0; }
.formBtn input { background:#0071c5; color:#fff; border-radius: 5px; }
.formBtn input:disabled { background:#999; cursor: not-allowed; }
.wxtx { font-size:80%; color:#5d5d5d; text-indent:2em; margin:2%; }
.wxtx font { color:red; font-weight:bold; font-size:120%; }
.lTel { margin:2% auto; }
.lTel a { display:block; }
.zzwdBoxItem { padding:2% 0 2% 2%; }
.zzwdBoxItem img { display: block; width:19%; float: left; margin-right: 1%; }
.message {
    position: relative;
    float: left;
    width: 70%;
    padding: 16px 18px;
    background: #f8fafc;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    font-size: 1rem;
    line-height: 1.6;
    color: #222;
}

/* 左侧气泡尖角 */
.message::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 24px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f8fafc;
}

.message p {
    margin: 0;
}

.message i {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-style: normal;
    color: #333;
}

.message em {
    color: #f00;
    font-style: normal;
    font-weight: bold;
}
.message p { padding:1% 3% 3% 5%; }
.message p span { color:#b8b7b7; display:block; font-size:1rem; }
.message p i { text-align:right; display:block; font-style: normal; margin-top:2%; color:#313131; font-size:0.9rem; }
.message p i em { color:#f00; font-style: normal; }
#tab5 { padding-bottom:4%; }
#tab5 ul { height:2.8rem; padding-top: 14px; list-style: none; padding-left: 0; }
#tab5 li { float:left; display:inline; width:49%; height:2.8rem; text-align:center; line-height: 2.8rem; font-size:1.2rem; margin:0 0.5%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 4px 6px rgba(0,0,0,0.3); }
#tab5 li:nth-child(1) { background:#b28850; }
#tab5 li:nth-child(2) { background:#006dc6; }
#tab5 li a { text-decoration:none; color:#fff; }
.clearFix::after { content: ""; display: block; clear: both; }
.clear { clear: both; }


/***********************************媒体查询*******************************************/
		@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;}
		}
		
		
		
		/*!
 * =====================================================
 * SUI Mobile - http://m.sui.taobao.org/
 *
 * =====================================================
 */
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	box-sizing: content-box;
	
}
 .swiper-slide {
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 20%;
	height: 100%;
	position: relative
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination-bullet {
	width: 0.5em;
	height:0.5em;
	display: inline-block;
	border-radius: 100%;
	background: #e5e5e5;
	
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #2c292a;
}

.swiper-container-horizontal>.swiper-pagination {
	left: 0;
	width: 100%;
	z-index: 999;
	bottom:-20%;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.5em;

}
.swiper-container{
	position: relative;
}
/* 轮播容器 */
.banner-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner-list {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
    touch-action: pan-y; /* 优化触屏滚动体验，避免和页面上下滑动冲突 */
}
.banner-item {
    width: 100%;
    flex-shrink: 0;
}
.banner-item img {
    width: 100%;
    display: block; /* 消除图片底部默认间隙 */
}

/* 底部指示器 */
.banner-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}
.banner-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s;
}
.banner-dots span.active {
    background: #0071c5; /* 和站点主色保持一致 */
    width: 20px;
    border-radius: 4px;
}
