﻿html{color:#000;background:#FFF;}   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,p,blockquote,th,td {   margin:0;   padding:0;   }   
table{   border-collapse:collapse;   border-spacing:0;   }   
fieldset,img {   border:0;   }   
address,caption,cite,code,dfn,em,strong,th,var {   font-style:normal;   font-weight:normal;   }   
ol,ul {   list-style:none;   }   

html{
	color:#000;background:#FFF;
}

li{  list-style: none;  }  
input,img{      border: none;  } 
body{padding:0;
	background:#fff;margin:0 auto;max-width:640px;width:100%;
	font-family:Microsoft YaHei,SimSun,Arial,Helvetica,sans-serif;color:#666666;
}
a{color:#666666;text-decoration:none}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none}
.clear{clear:both;}

/************************************************************************************/
/*.top{
	display: flex;
	background: #eb5d03; 
	position: fixed; top:0;  z-index: 10;
	width: 100%; max-width: 640px; 
}
.top_logo{
	width: 50%;
	position: relative;
	 padding:0.2rem 1rem;
}
.top_line{height:.75rem;
	border:1px solid #fff;
	width:0;opacity: 0.95;
position:relative;left:-0.5rem;top:.35rem;}
.top_yibao{
	width: 1.5rem; height: 1.2rem; text-align: center;
	display: inline-block;
	position: relative;
	
}
.top_yibao img{
	width: 60%;
}
.top_yibao span{
	color: white;
	font-size: .32rem;;
}*/
#top{
	display: flex;
	background: #eb5d03; 
	position: fixed; top:0;  z-index: 10;
	width: 100%; max-width: 640px;
}
.top_left{
	width: 5rem; padding:0.2rem 1rem;
}
.top_left img{
	width: 100%;
}
.top_right{
	display:flex;
  align-items:center;/*垂直居中*/
}
.top_right span{
	font-size: 0.34rem;color: white; vertical-align: middle;
	opacity: 0.95;
}
.top_line{height:.75rem;
	border:1px solid #fff;
	width:0;opacity: 0.95;
	position:relative;left:-0.5rem;top:.35rem;
}


/*    导航栏       */
.index_nav{height:1.4rem;margin:.5rem 0;
	
}
.index_nav li{
	/*width: 2rem;*/
	width: 2.5rem;
	float: left;  text-align: center;
}
.index_nav img{
	width: 1rem;
	margin-bottom: .05rem;;
}
.index_nav span{
	font-size: .34rem;
}

/*      头条新闻         */
.index_news{
	background: #f4f3f1; border-radius: .1rem;
	margin: 0 .25rem;
	height: 2rem;;
}
.index_news img{width:16%;float:left;position:relative;top:.46rem;border-right:2px solid #cccccc
;margin-right:.25rem;

}
.index_news div{position:relative;top:.40rem;

}
.index_news p{font-size:.32rem;line-height:0.56rem;
padding-right:.1rem;height:.7rem;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.index_news span{
	color: #eb5e04; padding: .05rem .15rem; border: 1px solid #f3dbcb;border-radius: .1rem;
	margin-right: .25rem; position: relative; top: .05rem;
}


    
.block_title{
	text-align: center; font-size: .4rem; margin-bottom: .15rem; color: #eb5e04;
	padding-top: .6rem;

}
.title_line{
	width: 1rem; margin: 0 auto; border: 1px solid #eb5e04; height: 0; margin-bottom: .3rem;
}

/***********科室介绍*****************/
.index_keshi{
	margin: 0 .25rem .5rem;
}
.keshi_01{height:3.2rem;width:100%;
	
}
.keshi_01_left{
	width: 25%; border-radius: .1rem;
	float: left; margin-right: 2%;
	position: relative;;
}
.keshi_01_left img{
	width: 100%;
}
.keshi_01_left p{
	position: absolute; bottom: 0; text-align: center; background: black; color: white;
	font-size: .32rem;;
}
.keshi_01_right{
	width: 72%; float: left;
}
.keshi_01_right li{
	width: 31%; float: left; border: 1px solid #f0f0f1; border-radius: .1rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .32rem;
	margin-bottom: .16rem;
	position: relative;
}
.margin_1{
	margin: 0 .1rem;
}
.hot_color{
	color: #eb5e04;
}
.hot_img{
	position: absolute; right: 0.1rem; top: 0.02rem; width: .3rem;
}


/*************************医生团队********************************/
.index_team{
	background: #f9f7f7;
	padding: 0 .4rem;
	height: 9rem;
	position: relative;
}

.team_box{
	background: white; border-radius: .1rem;
	height: 6.5rem;
	border: 1px solid #f0f0f1;
	margin-bottom: .25rem;;
}
.team_doctor{margin:.25rem;height:3.9rem;

}
.doctor_pic{
	width:35%;float:left; background: #f8ede6; border-radius: .1rem;
	position: relative;
	height:3.8rem;

}
.doctor_pic img{width:100%; height:3.2rem;

}
.doctor_pic p{
	text-align: center; color: #eb5e04; position: absolute; bottom: .1rem;
	font-size: .34rem;
	width: 100%;
}

.doctor_detail{
	float: left; width: 62%;
	margin-left: 3%;
	position: relative;
	height: 3.8rem;
}
.doctor_detail span{
	font-size: .32rem;
}
.overline2{
	 overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
}
.detail_1{
	color: #eb5e04; font-size: .45rem;
	line-height: .75rem;
}

.detail_2{
	margin-bottom: .2rem;
	display: block;
}

.doctor_btn{bottom:-1px;position:absolute;width:100%;

}
.doctor_btn li{ float: left;
	height: .6rem; background: white;
	line-height: .6rem; color: #eb5e04;
	border: 1px solid #eb5e04;
	text-align: center; font-size: .32rem;
	padding: 0 .1rem; border-radius: .1rem; width: 30%;
}
.doctor_btn li{
	color: #eb5e04;
}
.margin_2{
	margin: 0 5%;
}
.bg_color {
	 background: #eb5e04 !important;
}
.bg_color a{
color: white !important;
}
.team_scheduling{
	margin-top: .37rem;
}
.team_scheduling table{
	font-size: .32rem; color: white;
	text-align: center;
	margin-top: .25rem;;
	
}
.team_scheduling td{
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding: .05rem 0;;
}
.paiban td{
	color:#eb5e04;
}

.team_hd{

}
.team_hd ul{
	margin: 0px auto;
    height: .5rem;
    overflow: hidden;
    line-height: .5rem;
    display: table;
	bottom:0.6rem;
	position:relative;
}
.team_hd li{
	width: .2rem; height: .2rem; border-radius: 1rem; background: #cccccc;
	float: left;
	margin: 0 .1rem;
	font-size:0;
}
.on{
	background: #eb5e04 !important; 
}
.team_bd{
	position: relative; overflow: hidden; height: 6.6rem;
}


/*********************报喜案例**************************/
.index_baoxi{
	position: relative; height: 6.8rem; background: white;
	padding: 0 .35rem .5rem;
}
.baoxi_hd{
	position: absolute; bottom: 1.2rem; z-index: 1; left: 4.2rem;
}
.baoxi_hd ul{
	margin: 0px auto;
    height: .5rem;
    overflow: hidden;
    line-height: .5rem;
    display: table;
	position: relative;

}
.baoxi_hd li{
	width: .2rem; height: .2rem; border-radius: 1rem; background: #cccccc;
	float: left;
	margin: 0 .1rem;
}
.baoxi_bd{
	height: 4rem; border: 1px solid #f0f0f1; padding: .4rem 0 0rem;
	border-radius: .1rem;
	position: relative;
	overflow: hidden;;;;
	
}
.baoxi_bd div{
	height:4.65rem;
}
.baoxi_bd li{
	float: left; width: 47%; margin: 0 1.5%; text-align: center;
}
.baoxi_bd li img{
	width: 100%; height:2.5rem;
}
.baoxi_bd li p{
	background: #acabab; color: white; font-size: 0.32rem; text-align: center;
	height: .6rem;
	line-height: .6rem;
	white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;
}

/****************************荣誉 学术 公益********************************/
.index_show{ background: #f9f7f7; padding: .7rem .35rem;
}
.show_box{
	background: white; border-radius: .1rem;
	border: 1px solid #f0f0f1;
}
.show_hd{
	border-top-right-radius:.1rem;border-top-left-radius:.1rem !important;width:100%;height:.8rem;
}
.show_hd li{
	background: #dcdcdc; float: left; width: 33%; height: .8rem; 
	line-height: .8rem;
	text-align: center;
	position: relative;
}
.show_hd img{   
 clip: rect(0,0.65625rem,0.71875rem,0px);   width: 0.71875rem;    position: absolute;   
 left: 0.4rem;
	
}
.show_hd .on img{
	clip: rect(0.71875rem,0.65625rem,1.5rem,0px);
	top: -0.84rem;
}
.show_hd span{
	font-size: .34rem; color: #6d707e; position: relative;
	left: .3rem;
}
.show_hd .on span{
	color: white;
}

.show_bd{position:relative;overflow:hidden;padding-bottom:.75rem;

}

.show_bd_box li {
	float: left; width: 50%; text-align: center; font-size: .32rem;
	margin: .6rem 0 0;
	
}
.show_bd_box li div{
	width: 89%; margin: 0 auto; border: 1px solid #f0f0f1;
	position: relative;;
}
.show_bd_box li img{
	width: 100%; border-bottom: 1px solid #f0f0f1;height:2.5rem;
}
.show_bd_box p{
	display: table; height: .8rem;
	text-align: center;
	width: 100%;;
}
.show_bd_box span{
	display: table-cell; vertical-align: middle;
}



/* 荣誉资质*/
.honor_hd,.welfare_hd,.learning_hd{
	position: absolute; bottom: 0.3rem; z-index: 7; left: 4.2rem;
}
.honor_hd li,.welfare_hd li,.learning_hd li{
	width: .2rem; height: .2rem; border-radius: 1rem; background: #cccccc;
	float: left;
	margin: 0 .1rem;
}

.honor_bd,.welfare_bd,.learning_bd{
	position: relative;;
}

box,bigbox{display: block;}
/*学术交流*/
.learning_box span{
	position: absolute; bottom: 0; width: 91%; text-align: center;
	left: 0; background: rgb(255, 255, 255); opacity:0.8;
	 white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	padding: 0 .2rem;
	height: .5rem;
	line-height: .5rem;
}


/************************医院环境******************************/
.huanjing{
	background: white; height: 6rem;
}
.huanjing_slide{
	position: relative; height: 4.5rem;
	padding: 0 4%;
    border-radius: .1rem;
}
.huangjing_bd{
	height: 4.11rem; position: relative; overflow: hidden; border-radius: .1rem;
}
.huangjing_bd li{
	height: 4.11rem;
	width: 92%;
	margin: 0 auto;
	position: relative;
}
.huangjing_bd img{
	width: 100%;
	border-radius: .1rem;
}
.huanjing_minbox{
	position: absolute; left: .7rem; top: .7rem; width: 37%;
	height: 1.7rem; background: rgb(255,255,255,.8);
}
.huanjing_minbox p{
	margin: .2rem 0 0 .2rem; font-size: 0.32rem
}
.huanjing_minbox span{
	margin: .2rem 0 0 .2rem; font-size: .32rem; color: #eb5e04;
}
.huanjing_hd{
	position: absolute; bottom: 2.15rem; left: 1.2rem
}
.huanjing_hd li{
	width: .15rem; height: .15rem; background: #c9c9ca; float: left;
	margin: 0 .05rem; border-radius: 1rem;
}



/*************************快速预约********************************/
.yuyue{
	background: #f9f7f7; width: 92%; margin: 0 auto; height: 11rem;border-radius: .1rem;
}

.yuyue_box{
	font-size: .32rem;
	padding-left: .2rem;
	height: .7rem; color: black;
	line-height: .7rem; margin: .35rem 0; position: relative;
}
.form_select {
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #cccccc;
    width: 75%;
    height: .7rem;
    font-size: .32rem;
    margin-left: .15rem;padding-left: .2rem;
    position: relative;
	background: url(../images/slect_icon.png) right 0 top -0.1rem no-repeat #ffffff;
    background-size: 0.8rem;
}
.yuyue_box a{
	position: absolute; right: 0.6rem; font-size: .45rem; color: #cccccc;
	top: 0;
}
.yuyue_input{
	width: 75%; height: .7rem; font-size: .32rem; 
	 margin-left: .25rem;padding-left: .2rem;
}
.yuyue button{
	width: 30%; height: 1rem; border: 1px solid #eb5e04;
	font-size: .36rem;;
}
.yuyue_btn_1{
	background: #eb5e04; color: white;margin: .4rem 10% 0 15%; 
}
.yuyue_btn_2{
	color: #eb5e04; background: white;
}
.yuyue_tips{
	background: white; border-radius: .1rem; width: 93%; margin: 0.6rem auto; height: 2.5rem; font-size: .32rem;
	padding-left: 3%;
}
.yuyue_tips p{
	padding-top: .3rem;
	margin: 0 0 .1rem 0;
}



/*************************二维码**************************/
.erweima{
	background: #f9f7f7; width: 92%; margin: .5rem auto .25rem; height: 6.4rem;border-radius: .1rem;
}
.erweima p{
	text-align: center; font-size: .34rem; padding-top: .6rem;
}
.erweima_box{
	width: 96%; margin: 0 auto; height: 4rem; background: white; margin-top: .45rem;
	padding-top: .25rem;
	
}
.erweima_box li{
	float: left; width: 32%;
	height: 3.5rem;
	text-align: center;
	position: relative;
}
.erweima_box span{ bottom: -0.3rem;z-index: 2;
	font-size: .34rem; position: relative;;;
}
.ewm_gzh{
    width: 85%;
    margin: 0 auto;
    position: relative;
    top: .25rem;	
}
.ewm_zb{position:relative;width:85%;top:.25rem;right:0rem;

}



/**********************来院地图*********************************/
.index_map{
	height: 6.5rem;width: 92%; margin: 0.5rem auto; border-radius: .1rem;
	border: 1px solid #f0f0f1;
	margin-bottom: 2rem;;
}
.map_box{
	height: 4rem; width: 92%; margin: 0 auto;
	border-bottom: 2px solid #f6f6f6;;
}

.map_box img{
	width: 50%; margin-right: 5%; float: left;
	position: relative;
	top: .5rem;
	height: 3rem;
	z-index:5;
}
.map_box p{
	font-size: .32rem;
	position: relative;
	top: .5rem;
	line-height: .49rem;;;;
}
.map_box a{
	color: #eb5e04;
	font-size: .36rem;;
}
.banquan{
	font-size: .32rem; text-align: center; padding: .25rem;
}


.foot_nav{
	margin: 0;
	height: 1.6rem;
	position: fixed;
	bottom: 0;
	background: white;
	z-index: 99;
}
.foot_nav li{
	width:2rem !important;
}

/*
查看更多导航栏
 */
.more_nav{ position: fixed; width: 100%;
	max-width: 640px;  z-index: 9; display: none; top: 1.5rem; 
heigth:100%;
 overflow:hidden;

}
.more_nav_left{
	width: 20%; height: 100%; float: left;
	background: black;
	opacity: .5;
}
.more_nav_right{
	width: 80%; background: white;float: right;
	overflow: auto;
	overflow-x: hidden;;
}

.more_nav_right li{
	height: 1.3rem; line-height: 1.2rem; font-size: .45rem;
	position: relative;
	padding-left: .5rem;
	border-bottom: 1px solid #f1f1f1;;;

}

.more_nav_right::-webkit-scrollbar {
  width: 0;
}
.nav_icon{
	height: .8rem;
	position: relative;
	top: 0.25rem;
	margin-right: .2rem;;
}
.nav_icon_go{
	height: .8rem; position: absolute; right: 0.3rem;
	top: .2rem
}
.more_nav_phone{
	height: 2rem; background: #f7eee8; border-radius: .1rem;
	width: 90%; margin: 0.25rem auto 0;
	font-size: .38rem;

}

.more_nav_phone img{
	height: 1rem; float: left;
	margin: 0 .2rem 0 .4rem;
}
.rexian{
	 float: left;color: #eb5d03; border-right: 2px solid #eb5d03; 
	 padding-right: .2rem;
	 margin-right: .15rem;
}
.more_nav_phone a{
	font-size:.55rem;
	color: #eb5d03;
	position:relative;
	top:.1rem;
}
.phone_box{padding-top:.5rem;    margin-bottom: 2.5rem;
	
}
.fix{
	overflow: hidden; height:100%;
}



.return_top{
	width: 1rem; height: 1rem;position: fixed; bottom: 2rem; 
	right: 0.5rem; opacity: 0.7;display: none;
}
