﻿@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;}
a{color: #333;text-decoration: none; outline: none;}
a:hover{color: #d12d24;text-decoration: none;}

/* Public  */
.fl{ float: left!important; _display: inline;}
.fr{ float: right!important; _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;text-align: left;}

/* header -------------------------------------------------- */
#header{ height: 180px; background: url(images/yyimg/header_bg.jpg) center no-repeat;}
.logoBar{width: 1200px; height: 180px; margin: 0 auto; position: relative;z-index: 10;}
#logo{position: absolute; top: 50px; left: 0px; z-index: 21;}
#logo img{ height: 81px; width: auto;}

/* siteSearch */
.siteSearch{width: 337px; position: absolute; top: 45px; 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: 240px; color: #666;border-radius: 5px 0px 0px 5px;}
.siteSearch .searchBtn{float: left; _display: inline; width: 80px; height: 40px;background-color: #f5a222;border-radius: 0px 5px 5px 0px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;font-weight: 600;}
.siteSearch .searchBtn:hover{background-color: #f5a222;}

/* topNav */
#topNav {height: 70px;background-color: #f5a222;}

.mainNav{height: 70px;margin: 0 auto;position: relative; z-index: 75;width: 1200px;}
.mainNav .li1{width: 119px;float: left;_display: inline;height: 70px;border-left: 1px solid #f6ab39;position: relative;z-index: 21;}
.mainNav .li1.first1{border: none;}
.mainNav .h1, .mainNav .a1{display: block;height: 70px;line-height: 70px;color: #fff;font-size: 18px;text-align: center;font-weight: 600;}
.mainNav .a1:hover{text-decoration: none; color: #fff}
.mainNav .on1{background-color: #fff;}
.mainNav .on1 .a1{ color: #f5a222;height: 70px; line-height: 70px}
.mainNav .on1 .a1:hover{color: #f5a222; text-decoration: none;}
.mainNav .ul1{background: #fff;border: 2px solid #f5a222;width: 140px;padding: 10px 15px 10px 15px;overflow: hidden;display: none;border-top: none;position: absolute;top: 70px;left: -2px; z-index: 22;}
.mainNav .ul1 .li2{ width: 140px; margin-bottom: 2px; height: 28px; overflow: hidden; float: left; _display: inline;}
.mainNav .ul1 .li2 a{display: block; height: 32px; line-height: 28px; color: #f5a222; 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: #f5a222; color: #fff; background-image: url(images/dot-04-on.png)}
.mainNav .last1 .ul1{right: -2px; left: auto;}

/* box */
.box {}

.box .hd{height: 39px; border-bottom: 1px solid #eeeeee;}
.box .hd h3{float: left; _display: inline; height: 40px;color: #333333; font-size: 18px; line-height: 40px;font-weight: 600;}
.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}

/* 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{background: #2584d5; position: relative;font-size: 14px;clear: both;}
#footer .CopyRight{text-align: center; line-height: 24px; font-size: 14px; color: #fff; padding-bottom: 30px;}
#footer .CopyRight a{color: #fff}
#footer .CopyRight a:hover,#footNav .con .fNavList li a:hover{color: #ff0;}
#footer .CopyRight span{padding: 0 8px}
#footer .ico a{margin: 0 10px;}
#footNav{padding-top: 25px;}
.fNavList{margin-bottom: 5px;}
#footNav .con{overflow: hidden;width: 1200px;margin: 0 auto;text-align: center;}
#footNav .con .fNavList li{display: inline-block;font-size: 14px;margin: 0 10px;}
#footNav .con .fNavList li a{color: #fff;}

/* 预约登录 */
.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;}
.leaderList li{clear: both;height: 140px;margin-bottom: 20px;padding-bottom: 20px;}
.leaderList li .con{position: relative;top: 20px;}
