@charset "utf-8";
/*
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;}
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,p{ 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%;}
body{ width: 100%; color: #333;font: 14px/1.5em "Microsoft Yahei", 宋体, Tahoma, Helvetica, Arial, sans-serif; text-align: center; background: #efefef;}
a{color: #333;text-decoration: none; outline: none;}
a:hover{color: #3394c1;text-decoration: underline;}

/* Public  */
.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; text-align: left; position: relative;}
#wrap{min-width: 1200px; margin: 0 auto; background: url(images/bgX.png) repeat-x #efefef; text-align: left;}
#content{ background: #fff none repeat scroll 0 0; margin: 0 auto; padding: 0 20px 20px; position: relative; width: 1160px; z-index: 30;}

/* header -------------------------------------------------- */
#header{ width: 1200px; margin: 0 auto; height: 168px; background: url(images/headerBg.png) 100% 2px no-repeat;}
.logoBar{width: 1200px; height: 120px; margin: 0 auto; position: relative;z-index: 10;}
#logo{position: absolute; top: 25px; left: 0px; z-index: 21;}
#logo img{ height: 84px; width: auto;}

/* userPanel */
.userPanel{height: 26px; line-height: 26px; float: right; _display: inline; padding-top: 15px; font-size: 12px;}

/* siteSearch */
.siteSearch{width: 320px; position: absolute; top: 54px; right: 0px; overflow: hidden;}
.siteSearch .keyWord{height: 24px; line-height: 24px; padding: 7px 0px 7px 16px; background: #fff; border: 1px solid #d7d7d7; border-right: none; float: left; _display: inline; width: 260px; color: #666}
.siteSearch .searchBtn{float: left; _display: inline; width: 40px; height: 40px; background: url(images/search.png) 50% 50% no-repeat #3394c1;}
.siteSearch .searchBtn:hover{background-color: #3394c1;}

/* topNav */
#topNav {}

.mainNav{height: 48px; float: left; margin: 0 auto; border-left: 1px solid #2785b1; border-right: 1px solid #45abda; position: relative; z-index: 75; background: #3394c1;}
.mainNav .li1{width: 117px;float: left;_display: inline;height: 48px;border-left: 1px solid #45abda;border-right: 1px solid #2785b1;position: relative;z-index: 21;}
.mainNav .h1, .mainNav .a1{display: block;height: 48px;line-height: 48px;color: #fff;font-size: 16px;text-align: center;}
.mainNav .a1:hover{text-decoration: none; color: #fff}
.mainNav .on1{background-color: #fff;}
.mainNav .on1 .a1{ color: #3394c1; border-top: 3px solid #1273a1; height: 42px; line-height: 42px}
.mainNav .on1 .a1:hover{color: #3394c1; text-decoration: none;}
.mainNav .ul1{background: #fff;border: 2px solid #3394c1;width: 200px;padding: 10px 15px 10px 15px;overflow: hidden;display: none;border-top: none;position: absolute;top: 48px;left: -2px; z-index: 22;}
.mainNav .ul1 .li2{ width: 100px; margin-bottom: 2px; height: 28px; overflow: hidden; float: left; _display: inline;}
.mainNav .ul1 .li2 a{display: block; height: 32px; line-height: 28px; color: #3394c1; font-size: 14px; text-align: left; padding-left: 20px;background: url(images/dot-04.png) 8px 12px no-repeat;}
.mainNav .ul1 .li2 a:hover{text-decoration: none; background-color: #3394c1; color: #fff; background-image: url(images/dot-04-on.png)}
.mainNav .last1 .ul1{right: 0px; left: auto;}
.mainNav #liID440, .mainNav #liID450, .mainNav #liID424, .mainNav #liID379{width: 210px;}
.mainNav #ulID11{width: 1186px;left: -464px;}
.mainNav #ulID11 .li2{width: 148px;}
.mainNav #ulID10{width: 1186px;left: -372px;}
.mainNav #ulID10 .li2{width: 148px;}

/* box */
.box {}

.box .hd{height: 39px; border-bottom: 1px solid #efefef; padding-right: 10px}
.box .hd h3.title{float: left; _display: inline; height: 40px; background: #3394c1; padding: 0 25px; color: #fff; font-size: 18px; line-height: 40px;}
.box .hd ul{overflow: hidden; float: left;_display: inline;}
.box .hd ul li{float: left; height: 40px; line-height: 40px;font-size: 18px; color: #333; cursor: pointer;}
.box .hd ul li a{float: left; _display: inline; height: 40px; line-height: 40px; padding: 0 25px; color: #333;}
.box .hd ul li a:hover{color: #333; text-decoration: none;}
.box .hd ul li.on{color: #fff; background: #3394c1;}
.box .hd ul li.on a{color: #fff}
.box .hd ul li.on a:hover{color: #fff}
.box .hd .more{float: right; _display: inline; line-height: 40px; font-size: 14px; color: #666}
.box .hd .more:hover{color: #3394c1}
.box .bd{padding: 15px 0px 0px}

/* boxPart */
.boxPart {}

.boxPart .hd{height: 44px; background: url(images/bgX-02.png) repeat-x; overflow: hidden; padding-right: 10px}
.boxPart .hd h3{float: left; _display: inline; height: 42px; background: #fff; border-left: 1px solid #d9d9d9; border-top: 2px solid #3394c1; padding: 0 15px; font-size: 18px; line-height: 42px; color: #3394c1}
.boxPart .hd h3 a{color: #3394c1}
.boxPart .hd h3 a:hover{color: #106e9a; text-decoration: none;}
.boxPart .hd .more{float: right; _display: inline; line-height: 44px; font-size: 12px; color: #777777}
.boxPart .hd .more:hover{color: #3394c1;}
.boxPart .bd{padding: 10px 0;}

/* 医生列表 */
.docList{ overflow: hidden; zoom: 1; text-align: left;}
.docList li{ width: 325px; height: 190px; padding-left: 20px; float: left; overflow: hidden;}
.docList li .pic{ width: 130px; float: left;}
.docList li .pic a{ display: block;}
.docList li .pic a img{ width: 105px; height: 150px; padding: 4px; border: 1px solid #C2BAB7;}
.docList li .pic a:hover img{ border: 1px solid #aaa;}
.docList li .con{ margin-left: 130px; position: relative;}
.docList li .con p{ height: 22px; line-height: 22px; overflow: hidden;}
.docList li .title{ font-weight: bold; color: #BD5E24; font-size: 14px; height: 30px; line-height: 30px;}
.docList li .title span{ margin-left: 20px;}
.docList li .title .dept{ display: none;}
.docList li .title a{ color: #BD5E24;}
.docList li .intro{ padding-top: 9px; text-indent: 24px; line-height: 20px; color: #666;}
.docList li .btnView{ display: block; width: 85px; height: 22px; line-height: 22px; color: #fff; text-align: left; background: url(images/icons.png) 4px -493px no-repeat #B56A4D; margin-top: 18px;}
.docList li .btnView:hover{ text-decoration: none; background: url(images/icons.png) 4px -493px no-repeat #8a5039;}
.docList li .btnYy{ display: none;}

/* path */
.path{padding-left: 18px; height: 20px; line-height: 20px; text-align: left; background: url(images/path.png) 0px 3px no-repeat; font-size: 12px; color: #777777; margin-bottom: 20px;}
.path a, .path span{ padding: 0 3px; color: #777777;}
.path a:hover{color: #3394c1}

/* footer  -------------------------------------------------- */
#footer{font-family: Arial; background: #3394c1; position: relative;}
#footer .CopyRight{text-align: center; line-height: 24px; font-size: 12px; color: #e2f6ff; padding-top: 20px; padding-bottom: 20px;}
#footer .CopyRight a{color: #fff}
#footer .CopyRight a:hover{color: #ff0}
#footer .CopyRight span{padding: 0 8px}
#footer .ico a{margin: 0 10px;}
#footNav{border-top: 3px solid #389ecd; margin: 0 auto;}
#footNav .con{background: #389ecd;display: none;overflow: hidden;width: 1200px;margin: 0 auto;}
#footNav .fNavList{ overflow: hidden;}
#footNav .first1{ display: none;}
#footNav .li1{padding: 4px 5px 4px 20px;overflow: hidden;border-bottom: 1px solid #2785b1;border-top: 1px solid #45abda;}
#footNav .ul1{ overflow: hidden;}
#footNav .h1{ float: left; _display: inline; white-space: nowrap}
#footNav .a1{font-weight: bold;color: #ffffff;padding-right: 10px;}
#footNav .a1:hover{color: #ff0}
#footNav .li2{ float: left;}
#footNav .a2{color: #edf5fa;padding: 0 10px;border-left: 1px solid #c1d8e3;white-space: nowrap}
#footNav .a2:hover{color: #ff0}
#footNav .show{width: 108px; height: 28px; margin: 0 auto; background: url(images/fNavShowBtn.png) 0px 0px no-repeat; position: relative; text-align: center; color: #fff; font-size: 12px; line-height: 28px; padding-right: 8px; cursor: pointer;}
#footNav .show i{width: 10px; height: 5px; display: block; position: absolute; background: url(images/fNavShowBtnArrow.png) 0px 0px no-repeat; position: absolute; top: 11px; right: 20px}

/* 预约登录 */
.OverLay{position: absolute;z-index: 100; top: 0px; left: 0px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.mainlogin{ width: 360px; left: 50%; margin-left: -180px; text-align: left; background: #fff;}
.mainlogin .lgHd{height: 30px; overflow: hidden; background: #3394c1; padding: 0 10px; position: relative;}
.mainlogin .lgHd h3{float: left; _display: inline; height: 30px; line-height: 30px; font-size: 14px; color: #fff}
.mainlogin .lgHd .close{width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; background: #fff; line-height: 20px; font-size: 12px; text-align: center; color: #333}
.mainlogin .lgHd .close:hover{text-decoration: none; background: #eeeeee; color: #333}
.mainlogin .lgBd{padding: 15px 15px 30px;}
.mainlogin .tips{height: 28px; font-weight: bold; margin-bottom: 20px;}
.mainlogin .logininput{margin-bottom: 20px;}
.mainlogin .logininput li{height: 26px; overflow: hidden; margin-bottom: 10px;}
.mainlogin .logininput li label{float: left; _display: inline; height: 26px; line-height: 26px; margin-right: 5px; width: 60px; text-align: right;}
.mainlogin .logininput li input{height: 24px; width: 200px; padding-left: 5px; line-height: 24px; background: #fff; border: 1px solid #ccc; float: left; _display: inline;}
.mainlogin .logininput li #TxtValdisplayDateCode{width: 72px; margin-right: 10px;}
.mainlogin .logininput li #VcodeLogOn{width: auto; height: 20px; float: left; _display: inline; margin-top: 2px;}
.mainlogin .logininput li.Cookie select{float: left; _display: inline; height: 24px; line-height: 24px;}
.mainlogin .logininput li.buttons{padding-left: 65px;}
.mainlogin .logininput li.buttons input{width: 60px; text-align: center; background: #3394c1; color: #fff; height: 26px; line-height: 26px; cursor: pointer; border: none;}
.mainlogin .logininput li.buttons input:hover{background-color: #1877a3;}
.mainlogin .tips2{border-top: 1px solid #aaaaaa; height: 30px; line-height: 30px; text-align: left; color: #333; font-size: 14px;}

/*  */
.yySide{width: 230px; float: left; _display: inline;}
.wrap_zxyy{width: 910px; float: right; _display: inline;}