﻿/*手机导航PC样式*/
ul.phone-btn,.search_con{display: none;}


/* CSS Document */
.nav{background: url(/Content/Areas/Common/images/common/nav_bj.png);width: 1200px;margin: 0 auto;border-radius: 5px 5px 0px 0px; position:relative;z-index:1000;*zoom:1}
.sy_nav{height: 40px;width:1173px;margin:0 auto;line-height: 40px;}
ul.sy1_ul li.sy1_li{float:left;z-index:1000;}
ul.sy1_ul li.homeLi{ background:none;}
.sy1_li.num9 .sy2_ul{display:none!important;}
ul.sy1_ul li.sy1_li a.sy1_tit{display:block;color:#fff;font-size:18px;}
ul.sy1_ul li.line_2{ color:#c8c8c8; float:left; font-weight:bold;}
.lv1_li span{color:#c80025;}
.lv1_li .lv1_tit span{color:#fff;} 
/*下拉二级*/ 
.syHover a { background:url(/Content/Areas/Common/images/nav_hover.jpg) no-repeat right 32px!important;display:block;}
.sy1_ul li.sy1_li {float:left;color:#c80025;font-size:18px;/*background:url(/Content/Areas/Common/images/nav_bg.jpg) no-repeat 0 30px;*/background: url(/Content/Areas/Common/images/common/xian.png) no-repeat 0 0px;z-index: 10000;}
.sy1_ul li a{ padding:0 14px 0; }
.sy2_ul .sy2_li {font-size:14px!important; line-height:32px!important; padding:3px 0!important; text-align:center; background:none;float:left;*width:102px;*height:32px;}
.sy2_ul .sy2_li li a{ background:none!important;}
.sy1_ul li .sy2_ul {z-index: 9999;position: absolute;display: none;top: 40px;padding:0 10px 10px;background:#fff;width:1176px;border:2px solid #c80025;-webkit-box-shadow:0 0 5px #efdcdc;-moz-box-shadow:0 0 5px #efdcdc;box-shadow:0 0 5px #efdcdc;_height:293px;_overflow:hidden;left:0;}
.sy2_ul .sy2_li a{ padding:0 10px!important;display: block;*width:102px;*display:inline} 
.ay2_li span {font-size:14px!important; height:30px!important}
.sy3_ul { z-index: 9999; position: absolute; width: 130px; display:none; top: 0px; left: 105px; padding:3px; background:#fff; -webkit-box-shadow:0 0 5px #efdcdc; -moz-box-shadow:0 0 5px #efdcdc; box-shadow:0 0 5px #efdcdc; }
.sy3_ul li{ text-align:center; width:100%;border-bottom:1px solid #f3f3f3; padding:3px 0!important; background:none;}
.sy1_ul li.lv1_li {position:relative;}
li.lv1_li.Hover a{background:none!important;}
li.lv1_li.Hover .lv2_li a:hover{background:#c80025!important;}
li.lv1_li.Hover .lv2_li a:hover span{color:#fff;}

.sy3_ul{ display:none !important; }
.sy2_ul_div{ border-top:1px solid #ccc;}
.next_open{ display:none;}
.ksBoxHeader .title {
 border: 1px solid #DDD;
 padding: 5px;
 position: relative;
 color: #c80025;
 /* font-weight: bold; */
 margin-bottom: 10px;
 box-sizing: border-box;
 float: left;
 margin-right: 10px;
 font-size: 18px;
 line-height: initial;
}

.ksBoxHeader .title a {
 padding: 0;
}

.ksBoxHeader {
 overflow: hidden;
 margin-top: 10px;
}

.ksBoxHeader .title.active {
 border-top: 1px solid transparent;
}
.ksBoxHeader .title::after {
 content: "";
 width: 0;
 height: 2px;
 top: 0px;
 background: #c80025;
 position: absolute;
 left: 0;
 transition: all 0.3s;
}
.ksBoxHeader .title:hover {
 border-top: 1px solid transparent;
}

.ksBoxHeader .title:hover::after {
 content: "";
 width: 100%;
}
.ksBoxHeader .title.active::after {
 content: "";
 width: 100%;
}

.ksBox .Depall.active {
 display: block;
}
/*医院概况-----------下拉菜单*/
h2.titleStyNav{font-size:16px;line-height:34px;font-weight: normal;text-align: center;}
h2.titleStyNav a{background:none!important;display:inline;font-weight: bold;}
.textArea2 li{background:url(/Content/Areas/News/images/YiYuanGaiKuang/ylibg.jpg) no-repeat 0 10px;padding-left:10px;font-size:14px;float:none;line-height:30px;*height:30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
/*科室介绍-----------下拉菜单*/
.sy2_ks h3{font-size:16px;float:left;line-height:30px;}
.sy2_ks .menu{width:100%;float:left;}
.sy2_ks .menu li{float: left;margin: 0 5px;line-height: 26px;width: 125px;text-align: left;display: inline;}
.sy2_ks .menu a{padding:0;}
.ksBox h1.dep_img{border:none;margin-bottom:0;font-size:18px;}
.ksBox li a{padding:0 !important;background:none;}
.ksBox h2.title_header{border-bottom:none;float:left;}
.ksBox h2.title_header a{background:url(/Content/Areas/Common/images/department/liicon04.jpg) no-repeat 0 center!important;padding:0 10px;}
.ksBox .lv2_li{text-align:inherit; }
.ksBox ul.lv2_ul .lv2_li a {padding: 0 16px!important;background:url(/Sites/Uploaded/UserUpLoad/20160418/20160418132945.jpg) no-repeat 8px 14px!important;}
.ksBox li{background:none;}
.ksBox{height:310px;overflow-x:hidden;*overflow:hidden;_overflow:hidden;}
li.lv1_li.syHover .ksBox .lv2_li a:hover{background:url(/Sites/Uploaded/UserUpLoad/20160418/20160418132945.jpg) no-repeat 8px 14px!important;}
.ksBox .Depall{border-bottom:1px solid #f3f3f3;_float:left;display: none;}
.ksBox li.lv1_li.tylelable{width:140px;}
.ksBox li.lv1_li.tylelable4,.ksBox li.lv1_li.tylelable2,.ksBox li.lv1_li.tylelable3{width:auto;}
.ksBox ul.lv2_ul li.lv2_li{width:auto;_float:left;}
.ksBox li.lv1_li.tylelable3 ul{float:left;}
.ksBox h1.dep_img01{line-height:30px;}
.ksBox li.lv1_li.tylelable3 {float:none;_float:left;_width:100%;}
.tylelable2 .lv2_ul{float:left;}
.ksBox li.lv1_li.tylelable4{float:none;_float:left;_width:100%;}
.sy2_ks .sy2_ul_div{border-top:0;}

.sy2_ks .sy2_ul_div{overflow: hidden;position: relative;z-index: 9999;}
.ksBox ul.ullist1 li{ line-height: 26px;width: 125px;text-align: left;}
.T_iframe {position: absolute;width: 100%; z-index: -1;border: none;left: 0;}
.title_h1{line-height:30px;font-size:18px;}
.title_h1 a{ color:#c2010f; padding:0; }
li .lv1_Li.tylelable3{line-height:26px;width:auto;float:none;}
h2.title_h2{line-height:42px;font-size:16px;padding-left:8px;font-weight: normal;float:none;}
.ulBox h2.title_h2 a{background: url(/Content/Areas/Common/images/department/liicon04.jpg) no-repeat 0 center !important;padding: 0 0px 0px 15px  !important;}
ul.lv2_Ul li{line-height:32px;padding:3px 0;font-size:14px;float: left;}
ul.lv2_Ul li.lv2_Li a{display:block;padding:0 16px !important;background: url(/Sites/Uploaded/UserUpLoad/20160418/20160418132945.jpg) no-repeat 8px 14px!important;width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
li .lv1_Li.tylelable4{width:auto;}
/*导航新*/
.nav_box{ width:25%; *width:22%;float:left; padding:0px 1%; color:#333; box-sizing:border-box;}
.border_right{ border-right:1px solid #f3f3f3;}
.nav_article_box img{ width:100%; height:90px;}
.nav_article_box p{ font-size:14px; line-height:28px;}
.nav_article_tu{ width:100%;}
.nav_article_tu li{position:relative; width:100%; height:170px;}
.nav_article_tu li a{ padding:0px !important;}
.nav_article_tu li img{ width:100%; height:170px;}
.nav_article_tu li a.title_type{ color:#fff; font-size:14px; height:30px; line-height:30px; position:absolute; left:0px; bottom:0px; background:transparent url(/Content/Areas/Common/images/op_bg.png) repeat; width:98%; padding-left:2% !important}
.nav_article_list li{ line-height:30px;  }
.nav_article_list li a{ padding:0px !important; *line-height:30px;}
.YiYuanGaiKuang .nav_box{ height:267px;}
.JiuYiZhiNan .nav_box{ height:194px;}
.YiYuanWenHua .nav_box{ height:234px;}
.JiangKangKePu .nav_box{width:33.3%; *width:31%; height:224px; box-sizing:border-box;}
.contactus{ font-size:14px; line-height:28px;}
.img_box a{ padding:0px !important;}
.img_box img{ width:100%; height:auto; margin-bottom:10px;}
.XinWenZhongXin .nav_box_2{ width:50%;*width:49%; float:left; box-sizing:border-box;}
.XinWenZhongXin .nav_box_3{ width:50%; float:left;}
.XinWenZhongXin .nav_box_3 .nav_article_tu{ width:95%; padding-right:5%;}
.JiangKangKePu .nav_box .nav_video_list li{ width:48%; float:left; margin-right:2%; position:relative;}
.JiangKangKePu .nav_box .nav_video_list li.Li_Even{ float: right; margin-right:0px;}
.JiangKangKePu .nav_box .nav_video_list li .play_time{ display:none;}
.JiangKangKePu .nav_box .nav_video_list li .showTime{ display:none;}
.JiangKangKePu .nav_box .nav_video_list li a{ padding:0px;}
.JiangKangKePu .nav_box .nav_video_list li .video_img{width:100%;height: 110px;display:block;position:absolute;left:0;top:0;}
.JiangKangKePu .nav_box .nav_video_list li .video_img:hover{background: url(../../common/images/play-btn.png) no-repeat center;}
.JiangKangKePu .nav_box .nav_video_list li img{ width:100%; height:110px;}
/*二级菜单定位*/
.num0 .sy2_ul{left: -105px;}
.num1 .sy2_ul{left: -236px;}
.num2 .sy2_ul{left: -369px;}
.num3 .sy2_ul{left:-550px;}
.num4 .sy2_ul{left: -633px;}
.num5 .sy2_ul{left: -765px;}
.num7 .sy2_ul{left: -1029px;}
.ksBox li.lv1_li.tylelable3 ul{float:left;} 

@media only screen and (max-width:1030px){
.nav,.sy_nav{ width:100%}	
.sy1_ul li a{ padding:0px 20px;}
.sy1_ul li .sy2_ul{ width:900px;}
.num0 .sy2_ul{left: -66px;}
.num1 .sy2_ul{left: -181px;}
.num2 .sy2_ul{left: -299px;}
.num3 .sy2_ul{left:-560px;}
.num4 .sy2_ul{left: -474px;}
.num5 .sy2_ul{left: -590px;}
.num7 .sy2_ul{left: -823px;}
}
@media only screen and (max-width:1000px){
  a.next_open{  padding:0px !important;}
  .sy_nav{width:100%;}
  div.main{
  z-index:9999;
  margin-top:-40px;
  background: #fff;
  border-top:1px solid #c80025
  } 
  div.linkmap{
 margin:0;
  
 line-height: 40px;
  }
  *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  .nav{width:inherit;height:auto;line-height: 50px;}
  .phone-btn{position:absolute;display: inline-block;top:-77px;right:0;width:96px;height:46px;}
  ul.phone-btn{display: block;}
  ul.phone-btn li{display:inline-block;}
  .phone_header,.main,.search_con{
  position: relative;

  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  }
  .phone_header{
  background: #ffffff;
  z-index: 3;
  }
  .main.phone_move, .phone_header.phone_move,.search_con.phone_move{
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
  }
  .main.search_move{
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  }
  .phone-search,.phone-menu{
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nolinkmap;
  color: transparent;
  z-index: 3;
  text-indent: -9999px;
  top:10px;
 }
  .phone-search::before{
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #c80025;
 }
 .phone-search::before,.phone-search::after {
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 }
 .phone-search span{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  }
  .phone-search::after{
  height: 3px;
  width: 8px;
  background: #c80025;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); 
  }
  .phone-search span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
 }
 .phone-search span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
 .phone-search span::before,.phone-search span::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;


  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #c80025;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  }
  .phone-search.search-open::before,.phone-search.search-open::after {
  opacity: 0;
  }
  .phone-search.search-open span::before, .phone-search.search-open span::after {
  opacity: 1;
  }
  .phone-search.search-open span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  } 
  .phone-search.search-open span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  /*手机搜索*/
  .search_con{
 height: 40px;
 background:#c80025;
 position: absolute;
 width:100%;
 z-index:2;
 display: block;
  }
  .search_con form{
 line-height: 40px;
 width:80%;
 margin:7px auto;
 overflow: hidden;
 background: #fff;
  }
  .search_con form .searchtxt{
 width:70%;
 border:none;
 height:26px;
 line-height:26px;
 display: inline-block;
 float: left;
 padding-left: 10px;
  }
  .search_con form .searchtxt:focus{
 outline: none;
  }
  .search_con form .searchbtn{
 display: inline-block;
 width:26px;
 height:26px;
 border:none;
 float: right;
 background:#ec647e url(/Sites/Uploaded/UserUpLoad/20161028/20161028142730.png) no-repeat center;
 background-size: 70%;
	border-radius:0;
  }
  .phone-menu span, .phone-menu span::before, .phone-menu span::after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #c80025;
  }
  .phone-menu span {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
  }
  .phone-menu span::before, .phone-menu span::after {
  content: '';
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  }
  .phone-menu span::before {
  top: -6px;
  }
  .phone-menu span::after{
  top: 6px; 
  }
  .phone-menu.menu-open span {
  background: rgba(46, 50, 51, 0);
  }
  .phone-menu.menu-open span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
  }
  .phone-menu.menu-open span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
  }
  .sy1_ul{
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background:#c80025;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  }
  .sy1_ul{
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
  }
  .sy1_ul.nav-open {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  }
  
  /*子菜单样式*/
  .sy2_ul_div{ display:none;}
  li.sy1_li{
  float: none !important; 
  position: relative !important; 
  border-bottom:1px solid #f16881;

  }
  li.sy1_li.Has_Children{
 padding-right:35px;
  }
  li.sy1_li a.sy1_tit{
  border-right:none;
  }
  .Has_Children>a.next_open{
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f1f1f1;
  position: absolute;
  top: 17px;
  right: 14px;
  transition: all 0.3s ease 0s;
  }
  .Has_Children>a.next_open.next_close{
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f1f1f1;
  border-top:inherit;   
  }
  .li.sy1_li a.sy1_tit, .sy1_ul ul a {
  display: block;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nolinkmap;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  }
  /*二级导航*/
 .sy2_ul{ width:100%; left:0px !important; border:0px !important; width:100% !important; box-shadow:0px 0px #c80025 !important; -webkit-box-shadow:0px 0px #c80025 !important}
 .sy2_ul,li.sy2_li a.sy2_tit:hover{background:none !important;}
 .sy2_ul .sy2_li{ float:none; text-align:left !important }
 .sy2_ul{position: inherit !important;top:inherit !important;} 
 li.sy2_li.Has_Children a.next_open {display: none;}
 .num2 .sy2_ks,.num2 .next_open{ display:none !important;} 
}

@media only screen and (max-width:480px){
  .sy1_ul{width:180px;}
  .main.phone_move, .phone_header.phone_move, .search_con.phone_move{
  -webkit-transform: translateX(-180px);
  -moz-transform: translateX(-180px);
  -ms-transform: translateX(-180px);
  -o-transform: translateX(-180px);
  transform: translateX(-180px);
  }
 
}
@media only screen and (max-width:435px){
.Mobilelogo img{ margin-top:8px; width:230px}
.phone-search, .phone-menu{ top:17px;}
}


  