@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: #2d89b9;text-decoration: underline;}

/*图片放大*/
.scaleImg img{transition:0.3s;-moz-transition:0.3s;-webkit-transition: 0.3s;-o-transition:0.3s;}
.scaleImg img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}



/* 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/bodybg.png) repeat-x 0px 0;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: 224px;/* background: url(images/headerBg.png) 100% 2px no-repeat; */}
.logoBar{width: 1200px;height: 174px;margin: 0 auto;position: relative;z-index: 10;}
#logo{position: absolute;top: 42px;left: 0px;z-index: 21;}
#logo img{/* height: 65px; *//* width: auto; */}

/* userPanel */
.userPanel{height: 26px;line-height: 26px;float: right;_display: inline;padding-top: 33px;font-size: 12px;}
.userPanel a{ padding:0 5px}
/* siteSearch */
.siteSearch{width: 320px;position: absolute;top: 75px;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: 223px;color: #666;}
.siteSearch .searchBtn{float: left;_display: inline;width: 80px;height: 40px;background: url(images/search.png) 50% 50% no-repeat #2d89b9;}
.siteSearch .searchBtn:hover{background-color: #2d89b9;}
.logoBar .wx{position:absolute;top: 66px;right: 345px;z-index:9;}

/* 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: #2d89b9; */}
.mainNav .li1{width: 100px;float: left;_display: inline;height: 48px;/* border-left: 1px solid #2d89b9; *//* border-right: 1px solid #2d89b9; */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{}
.mainNav .on1 .a1{color: #ffffff;/* border-top: 3px solid #2d89b9; */height: 50px;line-height: 50px;}
.mainNav .on1 .a1:hover{color: #ffffff; text-decoration: none;}
.mainNav .ul1{background: #2686b3;width: 231px;padding: 10px 15px 10px 15px;overflow: hidden;display: none;border-top: none;position: absolute;top: 50px;left: 0px;z-index: 22;}
.mainNav .ul1 .li2{width: 110px;margin-bottom: 2px;height: 28px;overflow: hidden;float: left;_display: inline;}
.mainNav .ul1 .li2 a{display: block;height: 32px;line-height: 28px;color: #ffffff;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: #1f78a2;color: #fff;background-image: url(images/dot-04-on.png);}
.mainNav .last1 .ul1{right: 0px; left: auto;}
.mainNav .on1 .a1{background: url(images/Nicons.png) no-repeat 0px -1379px #2686B3;}

/* box */
.box .hd{height: 51px;padding-right: 10px;background: url(images/Nicons.png) no-repeat 0px -608px;}
.box .hd h3.title{float: left; _display: inline; height: 40px; background: #2d89b9; 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: #2d89b9;}
.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: #2d89b9}
.box .bd{padding: 15px 0px 0px}


/*boxS*/
.boxS .hd{height: 51px;padding-right: 10px;background: url(images/Nicons.png) no-repeat 0px -127px;line-height: 51px;}
.boxS .hd h3 a{float: left;  font-size: 20px;  font-weight:bold; color:#3394c1; padding-left:35px}
.boxS .hd ul{overflow: hidden; float: left;_display: inline;}
.boxS .hd ul li{float: left; height: 40px; line-height: 40px;font-size: 18px; color: #333; cursor: pointer;}
.boxS .hd ul li a{float: left; _display: inline; height: 40px; line-height: 40px; padding: 0 25px; color: #333;}
.boxS .hd ul li a:hover{color: #333; text-decoration: none;}
.boxS .hd ul li.on{color: #fff; background: #2d89b9;}
.boxS .hd ul li.on a{color: #fff}
.boxS .hd ul li.on a:hover{color: #fff}
.boxS .hd .more{float: right;_display: inline;line-height: 58px;font-size: 14px;color: #666;}
.boxS .hd .more:hover{color: #2d89b9}
.boxS .bd{padding: 15px 0px 0px}

/* boxPart */
.boxPart { overflow:hidden; margin-bottom:20px}
.boxPart .hd{height: 42px;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 #2d89b9; padding: 0 15px; font-size: 18px; line-height: 42px; color: #2d89b9}
.boxPart .hd h3 a{color: #2d89b9}
.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: #2d89b9;}
.boxPart .bd{padding: 20px 20px;}

.boxPart .bd p img{ margin:0 20px 5px 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: #2d89b9}

/* footer  -------------------------------------------------- */
#footer{font-family: Arial;background: url(images/bg-foot.png) no-repeat center bottom #2d89b9;position: relative;}
#footer .CopyRight{text-align: center;line-height: 24px;font-size: 14px;color: #ffffff;padding-top: 20px;padding-bottom: 60px;}
#footer .CopyRight a{color: #ffffff;}
#footer .CopyRight a:hover{color: #ff0}
#footer .CopyRight span{padding: 0 8px}
#footer .ico a{margin: 0 10px;}
#footNav{border-top: 3px solid #20658d;margin: 0 auto;}
#footNav .con{background: #389ecd;display: none;overflow: hidden;width: 1200px;margin: 0 auto;}
#footNav .fNavList{overflow: hidden;padding: 20px;}
#footNav .first1{ display: none;}
#footNav .li1{padding: 10px 4px 10px 4px;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}
.Friendlinkslist{ text-align:center; width:900px; margin:0 auto; margin-top:40px; color:#fff}
.Friendlinkslist li.htit{ font-size:16px;}
.Friendlinkslist li{display: inline-block;margin:0 10px;line-height:30px;display:inline-block;*zoom:1;*display: inline;}
.Friendlinkslist li a{ color:#fff; color:#a6dffd}
/* goTop */
#goTop{position: fixed;right: 5px;z-index: 99;cursor: pointer;margin: 5px;width: 40px;height: 40px;border-radius: 2px;box-shadow: 0 0 5px #9c9c9c;opacity: .9;background: rgba(0, 0, 0, .5);}
#goTop::after{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}


.bottomNav{ text-align:center; margin:20px 0}
.bottomNav li{ display:inline-block; padding:20px 10px 0 10px;display:inline-block;*zoom:1;*display: inline;}
.bottomNav li a{ color:#fff; font-size:14px}

/* 预约登录 */
.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: #2d89b9; 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: #2d89b9; color: #fff; height: 26px; line-height: 26px; cursor: pointer; border: none;}
.mainlogin .logininput li.buttons input:hover{background-color: #2d89b9;}
.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;}


/*default.css*/