@charset "gb2312";
@import url("reset.css");

input,input[type="button"],input[type="submit"],input[type="reset"],textarea,select{ -webkit-appearance: none;}

/*头部*/
.ntop{ background: #fff;height: 55px; padding: 15px 3.2%; width: 100%; box-sizing: border-box; margin: 0 auto; border-bottom: 1px solid #F3F3F3;overflow: hidden; z-index: 2; position: relative}
.nitem{ float: left; width: 23px; height: 23px; background: url(../images/nitem.png) no-repeat; background-size: 100%; position: absolute; left: 3.2%; top: 20px;}
.nlogo{ width: 80%; height:100%; margin: 0 auto; display: block; text-align: center}
.nlogo img{ width: auto; height:33px; margin-top: -3px; display: inline-block;}
.nindex{ float:right; width: 25px; height: 25px; background: url(../images/nindex.jpg) no-repeat; background-size: 100%; position: absolute; right: 3.2%; top: 16px}

/*banner*/
.banner{ width: 100%;position: relative; z-index: 2}
.banner .swiper-slide{ width: 100%;}
.banner .swiper-slide img{ display: block;}
.banner .bannerBtn{ position: absolute; left: 0; bottom: 8px; margin-bottom: 10px; z-index: 2; width: 100%;  height: 3px; text-align: center}
.banner .bannerBtn span{ width:10%; height: 3px; background: #fff; margin:0 2px; display:inline-block; border-radius: 0}
.banner .bannerBtn span.swiper-pagination-bullet-active { background: #c2996d}


/*文章内容页*/
.article{ height:100%; max-width:750px; margin:0 auto; overflow: hidden;}
/*.article{ margin-top: 50px}*/

.art_art{ width:90%; padding:20px 5% 10px; background:#fff}
.art_art h1{ font-size:20px; text-align: left}
.art_art time{display: block; font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 10px}

.art_art .laiyuan{ margin-bottom:5px; overflow: hidden;display: none;}
.art_art .laiyuan .yuan{ width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; background: #eee; float: left; position: relative}
.art_art .laiyuan .yuan img{width: 100%; border-radius: 50%;}
.art_art .laiyuan .yuan i{display: block; width: 15px; height: 15px; border-radius: 50%; overflow: hidden; position: absolute; right: -2px; bottom: -2px; background: #fff url(../images/v.png) no-repeat; background-size: 15px}
.art_art .laiyuan .zuozhe{ width: 56%; float: left; padding-top: 2px}
.art_art .laiyuan .zuozhe b{font-size: 14px; display: block; color: #333}
.art_art .laiyuan .zuozhe i{display:inline-block; font-style: normal; margin-left: 5px; border: 1px solid #ED4040; border-radius: 2px; height: 14px; line-height: 14px; transform: translateY(-2px); padding: 0 3px; font-size: 10px; color: #ED4040;}
.art_art .laiyuan .zuozhe em{display: block; font-size: 12px; font-style: normal; padding-top: 2px; color: #666;}
.art_art .laiyuan .tiwen{ width: 80px; height: 30px; margin-top: 5px; background:#369FEB; text-align: center; line-height: 30px; color: #fff; float: right; border-radius: 5px; font-size: 14px}

.artbtnTop{ margin-bottom:5px;}
.artbtnTop p{ width: 31.3%; height: 50px; border-radius: 10px; display: inline-block; color: #fff; overflow: hidden; margin: 0 1%}
.artbtnTop p:nth-of-type(1){ background: #fd9b2c url(../images/artbtni1.png) no-repeat 10px; background-size:auto 30px}
.artbtnTop p:nth-of-type(2){ background: #57cff1 url(../images/artbtni2.png) no-repeat 10px; background-size:auto 30px}
.artbtnTop p:nth-of-type(3){ background: #41d4c2 url(../images/artbtni3.png) no-repeat 10px; background-size:auto 30px}
.artbtnTop p i{font-style: normal;display: block; font-weight: bold; width: 42%; height: 34px; line-height: 18px; float: right; border-left: 1px solid #fff; padding: 0 0 0 10px; margin: 8px 0; font-size: 15px}

.art_art .art_con{ font-size:16px; line-height:29px; color: #444; padding-top: 10px; border-top:1px solid #eee;}
.art_art .art_con img{ width: 70%; border-radius: 10px; margin:0 0 10px}

.xgtj_main{ padding:10px 3%; background:#fff; margin:0 auto;}
.xgtj_main li{display: table; width: 100%; overflow:hidden; margin-bottom: 10px}
.xgtj_main span{ display: box; display: -webkit-box; display: -moz-box;-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; width: 120px; height: 80px; margin-right: 15px; float: left; background: #eee; text-align: center; vertical-align: middle;}
.xgtj_main span img{ max-width: 150px; max-height: 100px;}
.xgtj_main p a{ color:#333; display: block; padding-top: 5px; height: 55px; line-height: 24px; font-size: 16px}
.xgtj_main p i{ display:block; font-size: 14px; font-style:normal; color: #ccc;}

.art_bot{ overflow:hidden; padding:10px 0 0; font-size:1.2em; line-height:25px;color:#666;}
.yuedu{ float:left; padding-right:20px}
.zan{ float:left;padding-left:18px;color:#666; height:25px; display:block; background:url(/images/zan.jpg) no-repeat 0 3px; background-size:15px 16px;}
.zan a{padding-left:18px;color:#666; height:25px; display:block; background:url(/images/zan.jpg) no-repeat 0 3px; background-size:15px 16px;} 

.art_zxbtn{ padding:20px 5%; overflow: hidden;}
.art_zxbtn i{display: block; width: 48%; height: 35px; line-height: 35px; font-style: normal; text-align: center; font-size: 16px; color: #fff; border-radius: 10px; cursor: pointer;}
.art_zxbtn i:nth-child(1){ background: #3897f0; float: left}
.art_zxbtn i:nth-child(2){ background: #FE9323; float: right}

.artbtnB{ overflow: hidden; font-size: 14px; padding: 10px 0;}
.artbtnB a{ width: 48%; display: block; overflow: hidden; padding: 5px; box-sizing: border-box; border-radius: 10px; color: #fff; cursor: pointer;}
.artbtnB a i{ display: block; width: 50px; height: 35px; margin:7.5px 0; border-right: 1px solid #eee; float: left; background-size:35px; background-position: center; background-repeat: no-repeat}
.artbtnB a span{display: inline-block; float: left; height:40px; line-height: 20px; padding: 5px 0 5px 7.5px; font-size:16px; font-weight: bold}
.artbtnB a span em{display: block; font-size: 12px; font-weight: lighter; font-style: normal}
.artbtnB a:nth-of-type(1){ background: #f75f27; float: left; border: 1px solid #e8480e}
.artbtnB a:nth-of-type(2){ background: #c2996d; float: right; border: 1px solid #a56e33}
.artbtnB a:nth-of-type(1) i{ background-image: url(http://5g.ybs120.com/img/artbtnB1.png);}
.artbtnB a:nth-of-type(2) i{ background-image:  url(http://5g.ybs120.com/img/artbtnB2.png)}

.art_xzh{ border-top:10px solid #f4f4f4; margin-top: 10px; padding: 0 5%}

/*自助挂号*/
.title_bt{ border-top:10px solid #f4f4f4; background:#fff; overflow:hidden; border-bottom:1px solid #f4f4f4; padding:10px 3% 5px; font-size:1.3em}
.title_bt a{ color:#000}

.zzgh_main{ width:94%; padding:25px 3%; background:#fff; margin:0 auto; overflow:hidden}
.zzgh_main b{ display:block; font-size:1.4em; padding:0 0 20px; text-align:center; color:#f00}
.zzgh_main .name{ width:100%; height:40px; padding:0 0 5px}
.zzgh_main .age{ width:100%; height:40px; padding:5px 0}
.zzgh_main .zj{ width:100%; height:40px; padding:5px 0; clear:both}
.zzgh_main .time{ width:100%; height:40px; padding:3px 0; clear:both}
.name input,.age input,.time input{ width:74%; float:right; height:35px; padding:0 5px; font-size:1.2em; box-shadow:0 0 0 #fff; line-height:35px; background:#fff; font-family:"微软雅黑"; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #aeaeae}
.name span,.age span,.zj span,.time span{ display:block; width:25%; height:40px; overflow:hidden; font-size:1.2em; line-height:40px; float:left}
.zj select{ width:74%; float:right; height:40px; font-size:1.2em; background:#fff; font-family:"微软雅黑"; border:1px solid #aeaeae; display:block}
.zzgh_main .zm_bot{ height:36px; overflow:hidden; margin:10px 0 15px}
.zm_bot input{ border:0}
.zm_bot .btn01{ width:48%; height:36px; display:block; text-align:center; font:1.2em/36px "微软雅黑"; color:#fff; float:left; border:0px; background: #f8931f}
.zm_bot .but02{ display:block; width:48%; height:36px; background:#666; text-align:center; font:1.2em/36px "微软雅黑"; color:#fff; float:right; border:0px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; cursor: pointer;}
.zzgh_main p{ width:100%; font-size:1.2em; line-height:24px; margin-bottom:0px}
.zzgh_main p font{  color:#ff2b00}


/*底部版权*/
footer{ text-align: center; border-top: 10px solid #f4f4f4; padding: 10px 0 60px; color: #999;}
footer p{ padding-bottom: 10px}
footer span a{color: #999;}
footer b{ font-size: 1.5em; display: block;color: #666;}
footer em{ font-size: 1.3em; font-style: normal; color: #999; display: block; padding-bottom: 10px; margin:0 10% 10px; border-bottom: 1px solid #dedede;}
footer p i,footer p a{ width: 26%; display: inline-block; margin: 10px 1%; padding: 8px 0; color: #fff; border-radius: 5px; font-size: 1.2em; font-style: normal; cursor: pointer;}
/*
footer i:nth-child(1){background:#8FC83B;}
footer i:nth-child(2){background:#f8931f;}
*/
footer p a{background:#888;}


@keyframes qin{
	0%{ transform: translateX(100%); opacity: 0}
	100%{ transform: translateX(0px); opacity: 1}
}
@-webkit-keyframes qin{
	0%{ -webkit-transform: translateX(100%); opacity: 0}
	100%{ -webkit-transform: translateX(0px); opacity: 1}
}

/*在线客服按钮*/
.zxzxbtn{ width: 50px; height: 50px; position: fixed; right: 10px; bottom: 10px; z-index: 999; background: url(../images/zxzx.png) no-repeat center; background-size: 50px}

.sph,.sph>a{ color: #999;}

/*咨询预约页面*/
.zxyy_banner{ position: relative}
.zxyy_banner img{position: relative; z-index: 2}
.zxyy_banner i{ display: block; width: 30px; height: 30px; background: #291F32; transform: rotateZ(45deg); position: absolute; bottom: -15px; left: 50%; margin-left: -16px;}
.zxyy_con{ padding: 40px 15px 20px; background: #EFEFEF}
.zxyy_con p{ margin-bottom: 10px}
.zxyy_con i{display: block; width: 50%; height: 40px; margin: 20px auto 0; background:#C2996D; color: #fff; text-align: center; line-height: 40px; font-size: 16px; border-radius: 20px;}