﻿
/*
CopyRight By Dongyi Network Technology CO.,Ltd Design Center
For HMS 网站通用布局
*/

/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,img{ padding: 0; margin: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset,img{ border: 0;}
address,caption,cite,code,dfn,em,th,var,i{ font-weight: normal; font-style: normal;}
ol,ul,li{ list-style: none;}
div,dl,dt,dd,ol,ul,li{ zoom: 1;}
caption,th{ text-align: left;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 100%;}
q:before,q:after{ content: '';}
abbr,acronym{ border: 0;}

/* Public */
html{ width: 100%; min-width: 1200px; height: 100%; }
body{ width: 100%; min-width: 1200px; height: 100%; color: #333;font: 14px/30px  "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center;    }
a{color: #333;text-decoration: none; outline: none;}
a:hover{color: #3b9c8b;text-decoration: underline;}

/* Public  */
.coA{color: #0D76A3;}
.fl{ float: left; _display: inline;}
.fr{ float: right; _display: inline;}
.hide{ display: none;}
.clearbox{border-bottom: 0 none;border-left: 0 none;border-right: 0 none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{height: 10px;line-height: 10px;font-size: 0px;}
.siteWidth{width: 1200px; margin: 0 auto; }
#wrap{ text-align: left; overflow: hidden;}

/* header -------------------------------------------------- */

/* topBar */
.topBar{height: 34px; line-height: 34px; border-bottom: 1px solid #f1f1f1; background: #fff;}
.topBar .siteWidth{height: 34px;}
.topBar .welcome{float: left; color: #666666;}
.topBar .userPanel{float: right;}
.topBar .userPanel a{padding: 0 5px}
.topBar #topLink{float: right; _display: inline;  height: 34px; line-height: 34px; margin-right: 5px;}
.topBar #topLink a{padding: 0 5px}

/* logoBar */
.logoBar{height: 105px;}
.logoBar .siteWidth{height: 105px; position: relative;}
.logoBar #logo{position: absolute; left: 8px; top: 21px;}
.logoBar #logo img{max-width: 560px; max-height: 60px;}
.logoBar .topTel{height: 48px; float: right; margin-top:6px; padding-right: 20px;}
.logoBar .topTel li{height: 34px;  line-height: 24px; }
.logoBar .topTel li .tit{font-size: 14px; color: #999999}
.logoBar .topTel li .num{font-size: 18px; color: #33b6ae; font-weight: bold;}
.logoBar .topSearch{position: absolute;width: 300px;height: 36px;background: url(../image/searchBar.png) 0px 0px no-repeat;top: 33px;right: 278px;}
.logoBar .topSearch #topKeyWord{height: 20px; line-height: 20px; padding: 8px 0px 8px 42px; font-size: 14px; border: none;background: none; float: left; outline: none}
.logoBar .topSearch .searchBtn{width: 70px; float: right; text-align: center; line-height: 36px; background: none;border: none; color: #fff; font-size: 16px; cursor: pointer;}
.logoBar .topSearch .searchBtn:hover{text-decoration: none;}

/* 主导航 */
#nav{ position: relative; z-index: 4; height: 50px; background: #238e57;}
.mainNav{position: relative; z-index: 1;height: 50px; line-height: 50px; text-align: center; color: #fff; width: 1200px; margin: 0 auto; }
.mainNav .li1{float: left;*display: inline; width: 120px; position: relative; }
.mainNav .spe{ display: none;}
.mainNav .h1{ display: block;}
.mainNav .li1 a.a1{ color: #fff; font-family: "Microsoft YaHei"; display: block; height: 50px; line-height: 50px;}
.mainNav .li1 a:hover{text-decoration: none;}
.mainNav .on1 a.a1{background: url(../image/mainNav-on.png) 50% 50% no-repeat;}
.mainNav .a1{ font-size: 16px;}
.mainNav .ul1{display: none;background: #0f7842;width: 120px;position: absolute;z-index: 100;top: 50px;left: 0px;}
.mainNav .ul1 .li2{line-height: 20px;position: relative;border-bottom: 1px solid #1b9456;zoom: 1;vertical-align: middle;}
.mainNav .ul1 .a2{ line-height: 20px; padding: 8px 0; display: block; color: #fff}
.mainNav .ul1 .a2:hover{background: #1f5d3d;}
#ulID5{display: none !important; }

/* pageBanner */
.pageBanner{display: block; height: 200px; background: url(../image/pageBanner.jpg) 50% 0px no-repeat #666666;  }

/* 你的位置 */
.path{ height: 30px; line-height: 30px; padding: 20px 0px; margin-bottom: 20px; color: #fff;}
.path a,.path span{ margin: 0 5px; color: #fff}
.path em{padding-left: 30px;background: url(../image/path.png) 6px 3px no-repeat;}

/* content -------------------------------------------------- */
#content{ position: relative; z-index: 3; clear: both; min-height:500px; width: 1200px; margin: 20px auto 0px; text-align: left; }
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* 侧栏 */
.sideBox{border-top:3px solid #33b6ae; background:#f2f2f2; padding:0 20px}
.sideBox .hd{ height:40px; line-height:40px; padding-top:5px  }
.sideBox .hd h3{float:left;padding-left:45px;font-size:18px;background: url(../image/sideBoxHd.png) 0px 10px no-repeat;}
.sideBox .bd{padding:10px 0px }

/* 盒子 */
.box>.hd{ height: 40px; line-height: 40px; border-bottom:1px solid #dddddd}
.box>.hd .more{ float: right; margin-right: 10px; color: #999}
.box>.hd h3{float:left;height:40px;line-height:40px;padding-left:28px;font-size:18px;background: url(../image/icons-default.png) 2px -350px no-repeat;}
.box>.hd h3 a:hover{color:#3b9c8b; text-decoration:none}
.box>.hd ul{display:block; overflow:hidden;height:40px;padding-left:28px;font-size:18px;background: url(../image/icons-default.png) 2px -350px no-repeat;}
.box>.hd ul li{ float: left; line-height: 40px; padding:0 15px;}
.box>.hd ul li a:hover{text-decoration:none}
.box>.hd ul li.on a{color:#3b9c8b}
.box>.bd{ padding: 20px 0px 0px; overflow: hidden;}



/* 盒子 */
.wBox .wHd{ height: 44px; line-height: 44px; background: url(../image/boxHdBg.jpg) repeat-x;}
.wBox .wHd .more{ float: right; margin-right: 10px;}
.wBox .wHd h3{ display: inline-block; *display: inline; zoom: 1; margin-left: 15px;}
.wBox .wHd h3 a{ display: block; font-size: 16px; color: #3b9c8b; font-family: "Microsoft YaHei";}
.wBox .wHd ul{ margin-left: 20px; overflow: hidden;}
.wBox .wHd ul li{ float: left; line-height: 40px;}
.wBox .wHd ul li a{ display: block; width: 90px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei";}
.wBox .wHd ul li.on a{ background: url(../image/boxulLiOn.png) no-repeat center 8px; color: #fff;}
.wBox .wBd{ padding: 10px; overflow: hidden;}

.tabBox{}
.tabBox .tHd{ height: 44px; line-height: 44px; }
.tabBox .tHd ul{ margin-left: 20px; overflow: hidden;}
.tabBox .tHd ul li{ float: left; line-height: 40px;}
.tabBox .tHd ul li a{ display: block; width: 90px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei";}
.tabBox .tHd ul li.on a{ background: url(../image/boxulLiOn.png) no-repeat center 8px; color: #fff;}

/* 在线投票 */
.sideVote .voteBtn,.sideVote .viewBtn{ margin-right: 10px; border: 1px solid #ddd; background: url("../image/title_a.jpg") 0 -16px repeat-x; padding: 1px 10px; cursor: pointer;}

/* 医生列表 */
.docList{ overflow: hidden; zoom: 1; text-align: left;}
.docList li{float: left; width: 19.99%; overflow: hidden;}
.docList li .pic{ float: left;*display: inline;  margin-right:20px;}
.docList li .pic a img{ width: 140px; height: 170px;padding: 0; border: none;}
.docList li .con{ overflow: hidden; height:170px; position:relative;}
.docList li .con p{ height: 26px; line-height: 26px; overflow: hidden;}
.docList li .con p.inDeptDegree{height:52px}
.docList li .con span{ color: #888;}
.docList li .con .title{color:#34b6ae}
.docList li .btnView{ display: block; width:110px; height:30px; line-height:30px; color:#fff; background:#34b6ae; text-align:center; position:absolute; bottom:0px; left:0px;}
.docList li .btnView:hover{ text-decoration: none;}

/* footer  -------------------------------------------------- */
#footer{ padding: 20px 0px; background:#448a5d; color: #fff; text-align: left;}
#footer a{color: #fff;}
#footer a:hover{color: #eb871d; text-decoration: none;}
.friendLink{overflow: hidden; margin-bottom: 15px;}
.friendLink .title{float: left; margin-right: 10px; text-align: right; height: 30px; line-height: 30px; font-size: 14px;}
.friendLink ul{display: block; overflow: hidden;}
.friendLink ul li{height: 30px; line-height: 30px; float: left; *display: inline; margin-right: 15px; font-size: 14px;}
.friendLink ul li a{color: #fff}
.footerCon{border-top: 1px solid #72a484; padding-top: 20px; overflow: hidden;}
.footerCon .areaL{width: 400px; float: left; *display: inline; background: url(../image/footerBg.png) 100% 15px no-repeat; min-height: 190px;}
/* padding-right: 20px*/
.footerCon .footNav{height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px; }
.footerCon .footNav span{margin: 0 5px;}
.footerCon .copyRight{line-height: 26px; font-size: 12px;}
.footerCon .areaC{width: 230px;  padding-left: 10px; float: left; *display: inline;  background: url(../image/footerBg.png) 100% 15px no-repeat; min-height: 190px;}
.footerCon .areaC .tit{height: 30px; line-height: 30px; margin-bottom: 10px;}
.footerCon .areaC .con{line-height: 26px; font-size: 12px}
.footerCon .areaD{width: 580px;  padding-left: 10px; float: left; *display: inline;  background: url(../image/footerBg.png) 100% 15px no-repeat; min-height: 190px;}
.footerCon .areaD .tit{height: 30px; line-height: 30px; margin-bottom: 10px;}
.footerCon .areaD .con{line-height: 26px; font-size: 12px}
.footerCon .areaR{width: 200px; float: right;}
.footerCon .ewmList{overflow: hidden; padding-top: 30px;}
.footerCon .ewmList li{width: 60px; float: left;margin-right: 10px;margin-top: 10px;}
.footerCon .ewmList li .pic{width: 60px; height: 60px; margin-bottom: 5px;margin-top: 10px;}
.footerCon .ewmList li .pic img{width: 60px; height: 60px;}
.footerCon .ewmList li .tit{font-size: 14px; line-height: 26px; text-align: center; display: block;}


/* 其它 */

/*
本站用到颜色代码：
#238e57  背景色
#e0e0e0  边框颜色
#238e57  标题-深绿色
#CC0000  box标题颜色
*/