﻿.nav{height:60px;line-height: 60px;font-family: 'Microsoft YaHei','微软雅黑',STXihei,'华文细黑',Heiti,'黑体',SimSun,'宋体',sans-serif;}
.sy_nav{background:url(../images/main/bg_nav.jpg) repeat-x 0 0;*zoom:1;}
a.homeA.sy1_tit img{display: block}
.sy1_ul li ul .sy2_inside li{width: 115px;float: left;margin: 0 6px;}
/****一级菜单****/
.sy1_ul{*zoom:1;width:1200px;margin:0 auto;position: relative;*z-index: 100000}
.sy_nav{ *z-index:999;}
.sy1_li{ float:left; width:108px; height:60px; line-height:60px; text-align:center;z-index:1000;*zoom:1;display:inline; background:url(../images/li_bg.jpg) no-repeat scroll right center}

.last{background:none;}
.sy1_tit{display:block;font-weight:500;text-align:center;  font-size:18px; color:#fff}
.sy1_tit:hover{ background:#fff; color:#15a4a8}
.Hover{background:#fff; color:#15a4a8; height:57px; border-top:3px solid #15a4a8;}
.syHover .sy1_tit{text-decoration:none; color:#fff}
.sy1_li.syHover .sy1_tit .navspan{color:#fff;}
li.sy1_li.num9 {
 display: none;
}
/****二级菜单****/
.sy2_inside{border-bottom:1px solid #e5e5e5;font-family: "微软雅黑";width:1200px;}
.sy2_ul .sy2_inside{border-bottom:1px solid #e5e5e5; height:40px;}
 
.sy2_ul{width:1200px;border: 4px solid #15a4a8; border-top:none;background:#fff;padding:0 0 20px 0;position:absolute; left:0; display:block; top:60px; z-index:100; _zoom:1;display:none;_border:4px solid #15a4a8;  overflow:hidden;_border-top:none;}
.sy2_ul .sy2_box{background:#045D98;padding-bottom:10px;box-shadow:0 3px 2px rgba(0,0,0,0.1);}
.sy2_li{z-index:0;position:relative; text-align:center;height:35px; line-height:35px;width: 100%;padding:3px 0;}
.sy2_li a.sy2_tit {font-weight:normal; font-size:14px; position:relative; z-index:3;height:35px; line-height:35px; overflow:hidden; display:block;}

.sy2_li a.sy2_tit:hover{color:#fff!important; background:#15a4a8} 
.sy2_li .sf-sub-indicator{float: right;height: 35px;margin-right: 10px;width: 6px; *position:absolute; *left:125px; *top:2px}
.sy2_box li.syHover .sy2_tit{background-color:#00B372;color:#FFF}
.sy2_box li.syHover .sy2_tit .sf-sub-indicator{background-position:0 bottom;color:#FFF}
.sy3_ul,.extendMenu{display: none;}
.sy3_ul .sy3_box{top:0;position:absolute; background:#F7F7F7; left:123px;width:100%;overflow:hidden}
.sy3_li{ line-height:35px; z-index:0; text-align:left;}
.sy3_ul .sy3_li .sy3_tit{display:block; width:100%; height:35px; line-height:35px; text-indent:15px;*text-indent:0px;}
.sy3_ul .sy3_li .sy3_tit:hover{ background:#B56025;text-decoration:none;color:#FFF}

.buoy {position: absolute;width:117px;height: 2px;background: #49B79D;bottom: 0px;left: -157px; _display:none;}

/**/
.haveChildren{ display:none;}

/*导航菜单公用*/
.mr20{ margin-right:20px;}
.mt8{ margin-top:8px;}
.W360{ width:360px;}
.W380{ width:380px;}
.W358{ width:358px;_width:348px;}
.W282{ width:282px;}
.W260{ width:259px; overflow:hidden;}
.W559{ width:559px;}
.NavBoxsLeft,.NavBoxsCenter{float:left;padding: 0 17px;display:inline;border-right:1px solid #e5e5e5;  +text-align:left;}
.NavBoxsRight{float: right;padding: 0 10px;display:inline;}
.titleStyNav{font-size:20px; color:#15a4a8;}
.titleStyNav a{ color:#15a4a8;}
.titleStyNav1{ line-height:28px;}
/*按钮*/
.zb_gh a{ background:url(../images/zb.jpg); display:block; width:283px; height:60px;}
.zp_gh a{ background:url(../images/zp.jpg); display:block; width:283px; height:60px;}
.jt_gh a{ background:url(../images/jt.jpg) no-repeat center center; display:block;  width:100%; height:60px;}
.zx_gh a{ background:url(../images/zx.jpg) no-repeat center center; display:block;  width:100%; height:60px;}
.yj_gh a{ background:url(../images/yj.jpg) no-repeat center center; display:block; width:100%; height:60px;}
.kj_gh a{ background:url(../images/kj.jpg) no-repeat center center; display:block;height:60px;}
.cg_gh a{ background:url(../images/cg.jpg) no-repeat center center; display:block;  height:60px;}
.zx_gh a:hover,.yj_gh a:hover,.jt_gh a:hover,.kj_gh a:hover,.cg_gh a:hover,.zb_gh a:hover,.zp_gh a:hover{ opacity:0.8}
/*医院概况*/
.yygk_box img{width:360px; height:124px; margin-bottom:10px;}
.NavBoxsLeft .BoxContent p{line-height:28px;text-align:left;}
a.details{color:#15a4a8; font-size:14px;}
.NavBoxsLeft .BoxContent p a:hover{ font-weight:700;}
.BoxContentUL{ padding:0 10px;}
.BoxContentUL li{font-size: 14px; float: left;width: 156px;text-align: left;line-height: 36px;background: url(../../News/images/doctor11.png) no-repeat left 10px; padding-left:24px;}
.dep_listNav li{font-size: 14px; float: left;width: 119px;text-align: left;line-height: 36px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis}
.nav a.more{ line-height:32px;color: #15a4a8; float:none;}
.ContactUs p{ line-height:32px; text-align:left;}
.ContactUs img{ width:358px; height:154px;}
.ContactUs img:hover{ opacity: 0.7;
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;}

/*新闻动态*/
.nav .article_list li{ text-align:left; line-height:32px;}
.article_con img{  height:113px; float:left; margin-right:10px}
.article_con.opacity{ position:relative; overflow:hidden;*zoom:1}
.article_con.opacity h2 a{background:url(../images/op_bg.png) repeat scroll 0 0;bottom: 0px;color: #fff;display: block;height: 55px; padding: 45px 10px ;position: absolute;right: 260px;text-align: center;+text-align:left; width: 240px; line-height:28px; font-size:16px;}
.yyxw_box { width:346px; height:125px;}
.yyxw_box h2{line-height:32px;font-size:14px;text-align:left;font-weight: 700;overflow: hidden;white-space: nowrap;/* height: 32px; */text-overflow: ellipsis;}
.yyxw_box p{ line-height:28px; text-align:left;}
.Journal_Box li{width:158px;  position:relative; overflow:hidden; margin-right:20px; float:left}
.Journal_Box li.last{ margin-right:0}
.Journal_Box .img_box{ overflow: hidden;width: 156px;display: block;border:1px solid #e5e5e5;}
.Journal_Box li img{width:156px;  display:block; }
.Journal_Box li img:hover{-webkit-transform:scale(1.02);-moz-transform: scale(1.02);-o-transform:scale(1.02);}
.Journal_Box a.title_type{ position:absolute; bottom:0; left:0; line-height:32px; height:32px; background:url(../images/op_bg.png) repeat scroll 0 0; width:100%; color:#fff}
.Journal_Box a.title_type:hover{ color:#15a4a8;}
/*就医指南*/
.article_list li a.columnName{ color:#15a4a8; padding-right:8px;}
.yybj_Box img{ width:360px; height:145px;}
.yybj_Box img:hover{ opacity: 0.7;
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
}
.yybj_Box p{ line-height:28px; text-align:left;}
.yybj_Box p:hover,.yybj_Box a:hover{ color:#333;}
.NavBoxsRight .cz_box1 a{background:url(../../../../Sites/Uploaded/UserUpLoad/20160726/20160726170806.jpg) no-repeat scroll 0 0;width: 160px;height: 50px;margin: 30px 0;cursor: pointer;display: block;}
.NavBoxsRight .cz_box1 a:hover{ background:url(../../../../Sites/Uploaded/UserUpLoad/20160726/20160726171229.jpg) no-repeat scroll 0 0; }

.NavBoxsRight .cz_box2 a{background:url(../../../../Sites/Uploaded/UserUpLoad/20160726/20160726171611.jpg) no-repeat scroll 0 0;width: 160px;height: 50px;margin: 30px 0;cursor: pointer;display: block;}
.NavBoxsRight .cz_box2 a:hover{ background:url(../../../../Sites/Uploaded/UserUpLoad/20160726/20160726171634.jpg) no-repeat scroll 0 0; }

.NavBoxsRight .cz_box3 a{background:url(../../../../Sites/Uploaded/UserUpLoad/20160726/20160726171647.jpg) no-repeat scroll 0 0;width: 160px;height: 50px;margin: 30px 0;cursor: pointer;display: block;}
.NavBoxsRight .cz_box3 a:hover{ background:url(../../../../Sites/Uploaded/UserUpLoad/20160726/20160726171705.jpg) no-repeat scroll 0 0; }

/*医疗团队*/
.con_L{margin: 20px 20px 0 20px;}
.con_L .con_tit h2{ float: left;width: 120px;height: 40px;background: #15a4a8;line-height: 40px;font-size: 14px;color: #fff;}
.con_L .con_tit h2 a{ color:#fff;}
.con_L .con_tit h2:hover{ background:#5bbfc2}
.con_L .nav_dep{ width:1000px; float:right;}
.con_L .nav_dep li{ float: left;width: 125px;line-height: 40px;text-align: left;}

/*护理团队*/
.article_con.article_yygk { float:left; overflow:hidden;_display:inline; width:170px; height:117px;}
.article_con.article_yygk img{ width:170px; height:117px;}
.article_con.article_yygk.opacity h2 a{ right:170px; width:150px; height:57px; padding:30px 10px;}

.article_conGK a.img_box{ display: block;width: 100%;margin: 0 auto;height: 118px;margin-bottom: 20px;overflow: hidden;}
.article_conGK img {height: auto;width: 100%;margin-bottom: 10px;margin-top: -36px;}

/*教育教学*/
.yjs_box  li{ width: 156px;margin: 0 10px;}
.yjs_box  li img{ width:170px}
.daoshi_btn{ width: 48%;float: left;background: #15a4a8;height: 50px;line-height: 50px;margin: 0px 1%; _margin: 0px 6px; _width: 42%;}
.daoshi_btn a{ color:#fff; }
.daoshi_btn:hover{background-color: #5bbfc2;}
.jyjxNav_list li{ width:50%; float:left;box-sizing: border-box; +width:45%;}

/*医院文化*/
.yhyx_box li{ height:137px;}
.yhyx_box li .img_box{ height:137px; float:left; width:144px;}
.yhyx_box li img{ height:137px; float:left;  margin-right:10px; width:144px;}
.yhyx_box a.title_type{ text-align:left;  line-height:32px; display:block;}
.yhyx_box p{ line-height:28px;}
.article_con li{ float:left; overflow:hidden;_display:inline; width:170px; margin-right:18px; position:relative; margin-bottom:18px;}
.article_con li.Li_Even{ margin-right:0; margin-bottom:0;}
.article_con li img{width:170px; height:117px;}
.article_con li a.title_type{background:url(../images/op_bg.png) repeat scroll 0 0;bottom: 0px;color: #fff;display: block;height: 57px; padding: 30px 10px ;position: absolute;right: 170px;text-align: center;width: 150px; line-height:28px; font-size:16px;}

/*健康知识*/
.NavBoxsCenter .video_list li{ float:left; _display:inline; position:relative; width:158px; margin:0 10px;}
.NavBoxsCenter .video_list li img{ border: 1px solid #e5e5e5;height: 100px;padding: 1px; width: 154px;}
.NavBoxsCenter .video_list li .video_btn{ background:url(../../common/images/video/play-btn.png) no-repeat scroll center center;cursor: pointer;display: block; height: 100px;left: 2px;position: absolute;text-indent: -9999px;top: 2px;width: 154px;}
.NavBoxsCenter .video_list li .video_btn:hover{ background:url(../images/op_bg.png) repeat scroll 0 0;
 height: 100px; width: 154px;}
.NavBoxsCenter .video_list li h2{line-height: 25px;text-align:left;margin-top: 5px;}
.NavBoxsCenter .video_list li p{ background:url(../../common/images/btn_count.png) no-repeat scroll left center; padding-left: 15px; text-align:left; line-height:32px;}
.disease_list li{ float:left; width:125px; height:35px; text-align:left; line-height:35px;}

/*教育教学*/
.num5 .sy2_ul{height:320px;}
.num5 .NavBoxsLeft, .num5 .NavBoxsCenter{height:280px;}
.num5 .NavBoxsRight{height:280px;}
/*手机导航PC样式*/
.phone_container .phone_header,.dl_box{display: none;}
.phone_container header{display: none;}
.phone_container .title_phone,.phone_container .close_btn{ display:none;}

@media only screen and (max-width: 768px){
  .sy2_inside{ border-bottom:none;}
  .phone_container header {display: block;height: 80px;line-height: 80px;position: relative; background:#00A599;}
  header h3{margin-left: 30px;display: block !important;}
/*手机搜索*/
  .phone_search {background: #15a4a8;height: 50px;padding: 10px;display: block !important; margin:14px 0 0;}
  .phone_search form {background:#ffffff;border-radius: 5px;}
  .phone_search .searchTxt {height: 50px;border: none;background: none;float: left;padding-left: 10px;color: #000;line-height: 42px;font-family: 'Microsoft YaHei','微软雅黑',STXihei;width: 80%;font-size: 16px;}
  .phone_search .searchBtn {height:50px;border: none;width:50px;background:url(../images/main/searchBtn_2.png) no-repeat center;float: right;cursor: pointer;line-height: 32px;}
  /**/
  .phone_container .phone_header,.dl_box{display: block;}
  .sy_nav{height:auto;background:none;width:100%;line-height:inherit;}

a.open_btn{
 position: fixed;
 z-index: 3;
 top: 20px;
 right: 5%;
 height: 44px;
 width: 44px;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 -webkit-transition: -webkit-transform 0.2s;
 -moz-transition: -moz-transform 0.2s;
 transition: transform 0.2s;
 background:#15a4a8;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }

a.open_btn span{
 position: absolute;
 left: 50%;
 top: 50%;
 bottom: auto;
 right: auto;
 -webkit-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 width: 32px;
 height: 3px;
 background-color:#fff;  
}
a.open_btn span:before,a.open_btn span:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -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: -webkit-transform 0.2s, width 0.2s;
  -moz-transition: -moz-transform 0.2s, width 0.2s;
  transition: transform 0.2s, width 0.2s;   
}
a.open_btn span:before{
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px); 
}
a.open_btn span:after{
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);  
}
a.open_btn:hover{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); 
}
a.open_btn:hover span:after,a.open_btn:hover span:before{
  width: 50%;   
}
a.open_btn:hover span:before{
  -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
  -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
  -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
  -o-transform: translateX(1px) translateY(1px) rotate(45deg);
  transform: translateX(1px) translateY(1px) rotate(45deg); 
}
a.open_btn:hover span:after{
  -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  transform: translateX(1px) translateY(-1px) rotate(-45deg);   
}
.phone_container{
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  overflow-y: auto;
  background:#15a4a8; opacity:0.93;
  -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: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
  transition: transform 0.4s 0s, box-shadow 0s 0.4s; 
}
.phone_container.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;
}
.phone_container .phone_header{
  padding: 1.5em 0 0 6.25%;
  height: 55px;
  position: relative;
  background:#099;
}
.phone_container h3 a{
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Lora", serif;
  text-transform: uppercase;
  color: #fff;
}
.close_btn{
  position: absolute;
  height: 44px;
  width: 44px;
  right: 6.25%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; 
  display:block !important;
}
.close_btn:after,.close_btn:before {
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.close_btn:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.close_btn:before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.main{
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  box-shadow: 0 0 30px #241d20;
}
.main.scale-down {
  height: 100vh;
  position: relative;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.close_btn:hover { opacity: .8;}
.nav{height:auto;width:auto;background: none;}
.phone_container .sy1_ul{padding:0 4%;box-sizing: border-box;width: 100%;}
.sy1_ul {background:none;}
.sy2_inside li {position: relative;width: 100%;text-align: center;line-height: 40px;border-bottom: 1px dotted #fff; height:auto;}
.sy2_inside li span{ }
.sy1_ul .sy2_inside{ width: 100%;}
.sy2_inside li { text-align:left;background: none;}
.sy1_li .sy2_inside li {  border-bottom:1px dotted #5BBFC2;}
.sy1_tit {text-align: left;padding-left: 20px;}
.sy2_ul_div{ display:none;}
.sy1_ul li ul .sy2_inside li { width: 100%; margin:0; padding-left:20px; box-sizing:border-box;}
.sy2_ul{width: 100%; border:none; position:inherit; height:auto; padding:0; background:none; top:0;} 
.num5 .sy2_ul{height:auto;}
.sy1_ul .sy2_inside{ height:auto;}
.Has_Children>.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;}
.sy1_tit{ display:inline;}
.sy2_ul .sy2_inside{ border-bottom:none;}
.sy2_li a.sy2_tit{ color:#fff;}
.opend .next_open{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.phone_container .dl_box span span{ margin-left:30px; color:#fff;display: block;line-height: 30px;float: left;width: 14%;margin-top: 30px;}
.phone_container .dl_box span a,.tushu { display:block; width:75px;float: left;line-height: 30px;background: #fff;margin-left: 30px;text-align: center;height: 30px;border-radius: 6px; color:#15a4a8;margin-top: 30px;}
.dl_box span .register,.dl_box span .login{ margin-top:20px;}
.dl_box span span img{ display:none;}
}

@media only screen and (max-width: 380px)
{
.phone_container .dl_box span span{width: 100%;margin-top:10px;}
.phone_container .dl_box span a,.tushu { margin-top: 10px;}
.logo { margin-left: 0px !important;}
  .phone_search .searchTxt{width:70%;}
  /*手机搜索*/
  .phone_search {height: 40px;padding: 8px;}
  .phone_search .searchTxt {height: 40px;}
  .phone_search .searchBtn {height:40px;width:40px;}
}
   