@model IList<MvcPentasoft.Models.Organizations.DepartmentNode>
@using MvcPentasoft.Models.News
@using MvcPentasoft.Helpers
@using MvcPentasoft.Models.Organizations
@{
 ViewBag.Title = "科室介绍";
  int? rootDepartmentId = ViewBag.RootDepartmentId ?? 0;
 int? childrenDepartmentId = ViewBag.childrenDepartmentId ?? 0;
}
@section HeaderCss {
 <link href="/Content/Areas/Hospitals/css/@Url.Content("~/Content/Areas/Hospitals/css/department.css")" rel="stylesheet" type="text/css" />
}
@section HeaderScript {
}

<div class="content_bot">
 @foreach (var item in Model.Where(o => o.ParentId == null))
 {
 @GetNav(item)
 }
</div>
@helper GetNav(DepartmentNode departmentNode)/*------2016-01-18----------科室介绍------------------------*/

.main {
 min-height: 565px;
 margin-top: 30px;
 border-top: 1px solid #a5a5a559;
 padding-top: 30px;
}
.Depall {
 margin-bottom: 15px;
 margin: 0 auto;
 background: #fff;
 float: left;
}

.content_bot {
 width: 1280px;
 margin-top: 15px;
 margin: 0 auto;
}

h1.dep_img {
 font: 20px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 width: 240px;
 height: 150px;
 text-align: center;
 margin: 7px;
 background: url(/Sites/Uploaded/UserUpLoad/20190122/20190122103233.jpg) repeat-x;
}
h1.dep_img:hover a {
 color: #ffffff;
}

h1.dep_img a {
 display: block;
 width: 100%;
 height: 100%;
 color: #fff;
font-size: 15px;
}

h1.dep_img span {
 border-bottom: 2px solid #1898dd;
 padding-bottom: 11px;
}
h1#dep_01:hover {
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transition: all 0.3s;
}
p.icon_ks img {
  margin: 40px 0px 10px;
}

.content_bot ul li a {
 font: 14px/35px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 color: #333;
 display: block
}

.content_bot ul li a:hover {
 color: #1898dd;
}

.content_bot ul li h2.title_header {
 border-bottom: 0;
 width: 165px;
 float: left;
}

.content_bot ul li h2.title_header a {
 font-size: 16px;
 line-height: 30px;
 padding-left: 15px;
 background: url(/Content/Areas/Common/images/department/liicon04.png) no-repeat 0 center;
}

ul.lv2_ul li.lv2_li {
 width: 139px;
 float: left;
 height: 32px;
 background: url(/Content/Areas/Common/images/sanjiao2.png) no-repeat 5px center;
 padding-left: 20px;
 overflow: hidden;
}

li.lv1_li.tylelable {
 width: 165px;
 float: left;
 height: 45px;
}

li.lv1_li.tylelable3,
li.lv1_li.tylelable2,
li.lv1_li.tylelable4 {
 width: 100%;
 float: none;
 clear: both;
 margin-bottom: 5px;
}

li.lv1_li.tylelable3 .lv2_ul,
li.lv1_li.tylelable2 .lv2_ul,
li.lv1_li.tylelable4 .lv2_ul {
 float: left;
 width: 1034px;
}


/*咨询专家列表*/

.docteam_list li img {
 margin-right: 10px;
 float: left;
 border: 1px solid #eee;
 padding: 2px;
 width: 120px;
 height: 155px;
}

.docteam_cont a {
 line-height: 28px;
}

.docteam_cont p {
 line-height: 28px;
 font-size: 14px
}

.docteam_cont p a {
 color: #1898dd;
}

.docteam_cont p a:hover {
 color: #d44137
}

.docteam_list li a.doc_name {
 font-size: 16px;
}

.docteam_cont p.zixun {
 margin-top: 5px
}

.docteam_cont p.zixun a {
 padding: 5px 10px;
 background: #1898dd;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px
}

.docteam_cont p.zixun a:hover {
 background: #4CA6F0
}

.footer_Top {
  margin-top: 50px;
}
@media (min-width:1024px) and (max-width:1280px) {
 .content_bot {
 width: 980px;
 }
 h1.dep_img {
   font: 17px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
   width: 182px;
}
}
@media (min-width:1280px) and (max-width:1366px) {
  .content_bot {
 width: 980px;
}
  h1.dep_img {
 width: 182px;
  font: 17px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
  }
}
@media only screen and (max-width:1024px) {
 .content_bot {
 width: 100%;
 }
 li.lv1_li.tylelable {
 width: 20%;
 box-sizing: border-box;
 }
 li.lv1_li.tylelable3 .lv2_ul,
 li.lv1_li.tylelable2 .lv2_ul,
 li.lv1_li.tylelable4 .lv2_ul {
 width: 80%;
 }
 li.lv1_li.tylelable3 h2.title_header,
 li.lv1_li.tylelable2 h2.title_header,
 li.lv1_li.tylelable4 h2.title_header {
 width: 20%;
 box-sizing: border-box;
 }
}

@media only screen and (max-width:768px) {
 div.main,
 .content_bot,
 .content_bot ul {
 width: 100%;
 border: none;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 /* Firefox */
 -webkit-box-sizing: border-box;
 /* Safari */
 }
 .dep_img {
 border: none
 }
 .content_bot ul li {
 width: 25%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 /* Firefox */
 -webkit-box-sizing: border-box;
 /* Safari */
 }
 h1.dep_img {
  width: 1.9rem;
  }
}
@media only screen and (max-width: 480px){
  h1.dep_img {
 width: 216px;
}
}
@media only screen and (max-width:414px) {
  h1.dep_img {
 font: 16px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 width: 185px;
}
}
@media only screen and (max-width:375px) {
  h1.dep_img {
 font: 16px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 width: 166px;
}
}
@media only screen and (max-width:360px) {
  h1.dep_img {
 font: 16px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 width: 160px;
}
}
@media only screen and (max-width:320px) {
  h1.dep_img {
font: 13px/40px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 width: 140px;
 height: 132px;
  }
}
@media only screen and (max-width:640px) {
 .content_bot ul li {
 width: auto
 }
 .content_bot ul li {
 width: 50%;
 overflow: hidden;
 }
 li.lv1_li.tylelable3 .lv2_ul,
 li.lv1_li.tylelable2 .lv2_ul,
 li.lv1_li.tylelable4 .lv2_ul {
 width: 100%;
 }
 li.lv1_li.tylelable3 h2.title_header,
 li.lv1_li.tylelable2 h2.title_header,
 li.lv1_li.tylelable4 h2.title_header {
 width: 100%;
 }
 li.lv1_li.tylelable {
 width: 33.3%;
 }
}
@media only screen and (max-width:560px) {
 li.lv1_li.tylelable {
 width: 50%;
 }
}
 {
 if (departmentNode.Children.Count >= 0)
 {
 <div class="Depall">
 <h1 class="dep_img dep_img01" id="dep_01"><a href="/Content/Areas/Hospitals/css/@Html.GetDepartmentUrl_Index(departmentNode.Department)">@departmentNode.Name</a></h1>
 
 <ul class="ullist1">
 @{
 int i = 0;

 foreach (var item in departmentNode.Children.OrderBy(o => o.SortIndex))
 {
 string className = "tylelable";
 if (i % 2 == 0)
 {
 @Html.Raw("</tr><tr class=" + (i % 4 == 0 ? "bg_blue" : string.Empty) + ">")
 }
 if (item.Children.Count == 1)
 {
 className = "tylelable1";
 }
 else if (item.Children.Count == 2)
 {
 className = "tylelable2";
 }
 else if (item.Children.Count == 3)
 {
 className = "tylelable3";
 }
 else if (item.Children.Count >= 4)
 {
 className = "tylelable4";
 }
 
 <li class="lv1_li @className">
 <h2 class="title_header"><a href="/Content/Areas/Hospitals/css/@Html.GetDepartmentUrl_Index(item.Department)" class="lv1_tit">@item.Name</a></h2>
 @if (item.Children.Count > 0)
 {
 <ul class="lv2_ul">
 @foreach (var itemChildren in item.Children.OrderBy(o => o.SortIndex))
 {
 <li class="lv2_li"><a href="/Content/Areas/Hospitals/css/@Html.GetDepartmentUrl_Index(itemChildren.Department)" class="lv2_tit">@itemChildren.Name</a>
 </li>
 }
 <div class="clearit"></div>
 </ul>
 <div class="clearit"></div>
 }
 </li>
 
 i++;
 }
 }
 <div class="clearit"></div>
 </ul>
 <div class="clearit"></div>
 </div>

 }
}