/**== 列表页 文章页 ==**/
.main-wrap{margin-top: 30px;}
.main-bar{padding:5px; margin-bottom: 30px; font-size: 0; background: url("../images/main-bar.gif") repeat-y;}
.main-bar a{float:left;position: relative;width:290px;height:50px;margin:0 10px 0 0;font-size: 18px;line-height:50px;color: #fff;text-align: center;}
.main-bar a span{position: relative; z-index: 2;}
.main-bar a:before{position: absolute; z-index: 1; top: 50%;left:0;width: 100%;height: 0;content: '';background: #b29057; transition: all ease-in-out .3s;}
.main-bar a:after{position: absolute; z-index: 1;bottom: 50%;left:0;width: 100%;height: 0;content: '';background: #b29057; transition: all ease-in-out .3s;}
.main-bar a:hover:before{height:50%;}
.main-bar a:hover:after{height:50%;}

.main-bar .main-bar-btn1{background: #bbb;}
.main-bar .main-bar-btn2{background: #bbb;}
.main-bar .main-bar-btn3{background: #aaa;}
.main-bar .main-bar-btn4{margin:0;background: #999;}

.main-contair{margin-bottom: 60px; border-top: 1px solid #ddd; background: url("../images/main_line.gif") 829px 0px repeat-y;}
.main-content{width: 799px;}
.main-aside{width: 340px;margin: 20px 0 0 30px;}

.main-contair .path{height: 24px;padding: 16px 0 0 0;font-size: 14px;color: #999;line-height: 24px;}
.main-contair .path a{color: #999;}
.main-contair .path a:hover{color: #b29057;}

/**== 文章列表 ==**/
.list-art{padding: 0 0 25px 0;}
.list-art li{padding:23px 0;border-bottom: 1px dotted #cdcdcd;}
.list-art h2{height: 40px;line-height: 40px;font-size: 18px;font-weight: normal;}
.list-art h2 .time{font-size: 14px;color: #999;font-style: italic;}
.list-art p{line-height: 24px;color: #999;font-size: 14px;}
.list-art p a{color: #b29057;}
.list-art p a:hover{color: #b29057;}

/**=== 列表页 文章页底部 ===*/
.article-adv img{display: block;width: 799px;}
.article-adv,
.article-bottom-box{margin: 0 0 30px;}
.article-bottom-box h4{position: relative;height: 31px;margin:0 0 20px;line-height: 31px;font-size: 18px;color: #333;font-weight: normal; border-bottom: 1px solid #e1e1e1;}
.article-bottom-box h4 .ctrl{position: absolute;width: 23px;height: 14px;top: 8px;background: #eee;cursor: pointer;background: url("../images/article/article_doctor_ctrl.gif");}
.article-bottom-box h4 .prev{right: 27px; background-position: left bottom;}
.article-bottom-box h4 .next{right: 0; background-position: right bottom;}
.article-bottom-box h4 .prev:hover{background-position: left top;}
.article-bottom-box h4 .next:hover{background-position: right top;}
/**=== 口碑医生推荐 ===*/
#doctors .bd{position: relative;height: 180px;overflow: hidden;}
#doctors .tips{position: relative;width: 100%;height: 180px;}
#doctors .tips>div{position: absolute; top: 50%; width: 100%; margin: -20px 0 0 0;text-align: center;}
#doctors li{padding: 0 0 0 190px;margin:0 20px 0 0;width: 200px;}
#doctors .avatar{float: left;margin: 0 0 0 -190px;width: 180px;height: 180px; background: #f5f5f5;}
#doctors .avatar img{display: block;width: 180px;height: 180px;}
#doctors .info{width: 100%;}
#doctors .info .title{margin:0 0 10px;height: 24px;overflow:hidden;font-size: 24px;line-height: 24px;}
#doctors .info .title span{padding:0 0 0 20px;font-size: 16px;}
#doctors .info .intro{margin: 0 0 10px;font-size: 16px;line-height: 24px;color: #999;}
#doctors .info .abtn{display: block;width: 123px;height: 38px;line-height:38px;text-align:center;font-size:18px;background: #f5f5f5;border: 1px solid #e0e0e0; border-radius: 3px;}
#doctors .info .abtn:hover{background: #b29057;color: #fff;border-color: #b29057;}
/**=== 优质综合医院 ===*/
#yiyuan dt{float: left;width: 340px;height: 200px;}
#yiyuan dt img{display: block;width: 340px;height: 200px;}
#yiyuan dd{float: right;width: 430px;padding: 35px 0 0 0;overflow: hidden;}
#yiyuan .pf{margin:0 0 10px -25px;font-size: 0;line-height: 0;}
#yiyuan .pf span{float: left;margin:0 0 0 25px;font-size: 16px;line-height: 20px;}
#yiyuan .pf em{font-style: normal;color: #b29057;}
#yiyuan .pf img{margin:0 0 0 5px;display: inline-block;vertical-align: middle;}
#yiyuan .p2{margin: 0 0 10px;line-height: 30px;font-size: 16px;}
#yiyuan .btns{font-size: 0;line-height: 0;margin:0 0 0 -10px;}
#yiyuan .btns a{display: inline-block;width: 123px;height: 38px;margin:0 0 0 10px;font-size:18px;color:#666;line-height:38px;text-align:center;background: #f5f5f5;border: 1px solid #dfdfdf;border-radius: 3px;}
#yiyuan .btns a:hover{color: #fff;background: #b29057;border-color: #b29057;}
/**=== 鹏程医院口腔科就诊流程 ===*/
#liucheng{margin-bottom: 0;}
#liucheng .bd{position: relative;padding: 15px 0 0 0;}
#liucheng li{float:left;position: relative;width: 120px;height: 120px;margin: 0 10px 0 0;}
#liucheng li img{display: block;width: 120px;height: 120px;}
#liucheng li span{position: absolute;left: 0;right: 0;top: -15px;text-align: center;font-size: 22px;color: #b29057;line-height: 30px;}
#liucheng li p{position: absolute;left: 0;right: 0;top: 75px;font-size: 16px;line-height: 18px;color: #333;text-align: center;}
#liucheng .btns{position: absolute;right: 0;top: 0;}
#liucheng .btns a{display: block;width: 123px;height: 38px;margin:20px 0 0 0;font-size:18px;color:#666;line-height:38px;text-align:center;background: #f5f5f5;border: 1px solid #dfdfdf;border-radius: 3px;}
#liucheng .btns a:hover{color: #fff;background: #b29057;border-color: #b29057;}

/**== 右侧 ===*/
.abox{margin:0 0 36px;}
.abox .aside-hd{position: relative;height: 30px;margin:0 0 20px;line-height: 30px;font-size:18px;border-bottom: 1px solid #e1e1e1;}
.abox .aside-hd small{padding:0 0 0 10px;font-size: 14px;color: #ccc;}
.abox .aside-hd .more{position: absolute;top:10px;right:0;width: 40px;height: 10px;font-size: 0;line-height: 0;background: url("../images/article/abox-more.gif");}

.abox .ctrl{margin:10px 0 0 0;font-size: 0;line-height: 0;text-align: center;}
.abox .ctrl span{display: inline-block;width: 23px;height: 14px;background: #eee;cursor: pointer;background: url("../images/article/article_doctor_ctrl.gif");}
.abox .ctrl span.prev{margin:0 5px 0 0;background-position: left bottom;}
.abox .ctrl span.next{background-position: right bottom;}
.abox .ctrl span.prev:hover{background-position: left top;}
.abox .ctrl span.next:hover{background-position: right top;}

#abox-pinpai .bd{overflow: hidden;}
#abox-pinpai .pinpai-video{margin: 0 0 10px;background: #000;}
/*#abox-pinpai .pinpai-video video{display: block;width: 340px;height: 200px;background: #000;border: none;outline: none;}*/
#abox-pinpai p{margin: 0 0 15px;font-size: 16px;line-height: 24px;color: #666;}
#abox-pinpai p a{color:#b29057;}
#abox-pinpai ul{margin: -10px 0 0 -10px;}
#abox-pinpai li{float: left;width: 165px;margin: 10px 0 0 10px;}
#abox-pinpai li a{display: block;height: 38px;font-size:18px;color:#666;line-height:38px;text-align:center;background: #f5f5f5;border: 1px solid #dfdfdf;border-radius: 3px;}
#abox-pinpai li a:hover{color: #fff;background: #b29057;border-color: #b29057;}

#abox-doctor .bd{height: 347px;overflow: hidden;background: #f5f5f5;}
#abox-doctor .bd .tips{position: relative}
#abox-doctor .bd .tips{position: relative;height: 347px;}
#abox-doctor .bd .tips>div{position: absolute; top: 50%; width: 100%; margin: -20px 0 0 0;text-align: center;}
#abox-doctor li{height: 347px;text-align: center;}
#abox-doctor .pic{position: relative;height:180px;margin: 0 0 15px;background: #ccc;}
#abox-doctor .pic p{width: 160px;padding:39px 0 0 0;color: #fff;font-size: 30px;font-style: italic;font-weight: bold;font-family: Arial;line-height: 34px; text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
#abox-doctor .pic img{position: absolute;right: 0;top: 0;width: 180px;height: 180px;background: #eee;}
#abox-doctor .p1{margin: 0 0 5px;font-size: 22px;font-weight: bold;color: #b29057;line-height: 30px;}
#abox-doctor .p2{margin: 0 0 10px;font-size: 16px;line-height: 24px;}
#abox-doctor .abtn{display: block;width: 120px;height: 40px;margin:0 auto;line-height: 40px;text-align: center;color: #fff;font-size: 18px;border-radius: 3px;background: #b29057;}

#abox-youhui .bd{height: 290px;overflow: hidden; background: #f5f5f5;}
#abox-youhui img{display: block;width: 340px;height: 240px;}
#abox-youhui p{padding: 15px;font-size: 18px; line-height: 20px; color: #333;}
#abox-youhui p em{color: #f72828;}
#abox-youhui .abox-form{width: 275px;height: 40px;margin: 10px auto 0;background: url("../images/article/abox_form_bg.gif");}
#abox-youhui .abox-form .aboxTel{float: left;width: 115px;height: 40px;padding: 0 25px;line-height:40px;font-size:18px;color:#999;background: none;border: none;outline: none;}
#abox-youhui .abox-form .aboxBtn{float: right;width: 110px;height: 40px;text-align: center;font-size: 18px;line-height: 40px;color: #fff;cursor: pointer;}

#abox-jishu .bd,
#abox-case .bd{height: 297px;overflow: hidden;background: #f5f5f5;}
#abox-jishu li,
#abox-case li{height: 297px;}
#abox-jishu .pic,
#abox-case .pic{margin: 0 0 20px;}
#abox-jishu .pic img,
#abox-case .pic img{display: block;width: 340px;height: 180px;}
#abox-jishu .p1,
#abox-case .p1{margin: 0 20px 5px 20px;font-size: 18px;color: #b29057;line-height: 30px;}
#abox-jishu .p2,
#abox-case .p2{margin: 0 20px;font-size: 16px;line-height: 24px;}

#abox-lvtong{margin: 0;}
#abox-lvtong .bd{overflow: hidden;}
#abox-lvtong .btns{margin:0 0 10px -10px;font-size: 0;line-height: 0;}
#abox-lvtong .btns a{display: inline-block;width: 163px;height: 38px;margin:0 0 0 10px;font-size:18px;color:#666;line-height:38px;text-align:center;background: #f5f5f5;border: 1px solid #dfdfdf;border-radius: 3px;}
#abox-lvtong .btns a:hover{color: #fff;background: #b29057;border-color: #b29057;}
#abox-lvtong .adv-lv img{display: block;width: 340px;height: 70px;}

/** 文章页 **/
.art-ad{position:relative;height: 120px; margin: 30px 0 0 0;}
.art-ad .bd{height: 120px;overflow: hidden;}

.art-ad .hd{height:12px;padding:12px 0 0 0;font-size: 0;text-align: center;}
.art-ad .hd li{width: 12px;height: 12px;margin: 0 6px; display: inline-block; text-indent:-9999px;overflow:hidden;background: #bfbfbf;border-radius: 50%;*display: inline;*zoom:1; cursor: pointer;}
.art-ad .hd li.on{background: #4cbbb4;}

.art-hd{margin:30px 0 15px 0;font-size: 24px;color: #333;font-weight: bold;text-align: center;line-height: 32px;}
.art-meta{height: 20px;margin: 0 0 12px 0;text-align: center;line-height: 0;font-size: 0;}
.art-meta span,
.art-meta a{display: inline-block;height: 20px;margin:0 10px;color: #999;font-size: 14px;line-height:20px;vertical-align: middle;}
.art-meta a{margin: 0 0 0 11px;}
.art-meta a.line-a{position: relative;margin: 0 0 0 20px;}
.art-meta a.line-a::after{position: absolute;font-size: 0;line-height: 0;width: 1px;height: 14px;right: -5px;top: 3px;content: '';background: #999;}
.art-meta2{padding: 0 0 20px;margin: 0 0 25px;border-bottom: 1px dotted #cfcfcf;}
.art-meta2 ul{font-size: 0;line-height: 0;text-align: center;}
.art-meta2 li{display: inline-block;width: 120px;height: 30px;margin:0 5px;font-size:16px;color:#666;line-height:30px;text-align:center;background: #eee;}
.art-meta2 li span{color: #b29057;}
.art-content{margin: 0 0 25px;font-size: 16px;line-height: 180%;color: #666;}
.art-content table tr td{ border:1px solid #ddd; text-align: center}
.art-content img{width: auto !important; height: auto !important; max-width: 100%;}
.art-btns{font-size: 0;text-align: center;margin:0 0 25px -17px;}
.art-btns a{display: inline-block;width: 253px;height: 48px;margin:0 0 0 17px;font-size:20px;color:#666;line-height:48px;text-align:center;background: #f5f5f5;border: 1px solid #dfdfdf;border-radius: 3px;}
.art-btns a:hover{color: #fff;background: #b29057;border-color: #b29057;}

.art-nav{margin: 0 0 40px;border-bottom: 1px dotted #ccc;}
.art-nav li{width:380px;height:34px;line-height:34px;font-size: 16px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.art-nav li a{color: #666;}
.art-nav li a:hover{color: #b29057;}