﻿@charset "utf-8";
body{font-family: Arial, Helvetica, sans-serif;}
.column{ margin-top: 20px;}
#banner{height:550px; position: relative;overflow:hidden;}
#banner img{ position: absolute; left:50%; margin-left:-960px;}

/* 配置默认样式 */
.box .hd{border:none;}
.box .hd h3,.box .hd li{ position: relative; float: left;}
.box .hd h3 a, .box .hd h3 span{ padding: 8px 0; font-size: 28px; font-weight: bold; color: #333;}
.box .hd li a{ margin: 0; padding: 8px 0;background: none; font-size: 28px; color: #333;}
.box .hd .on a{ font-weight: bold; color: #227aa8;}
.box .hd .more{ margin: 12px 10px 0 0;}
.box .bd{ padding-top: 20px;}

/* 配置标签样式 */

/* 信息带简介列表 */
.introList li .tit a{ font-size:16px;}
.introList li .more{ display:none;}

/* 头部 */
#header{ height: 170px; background: url(images/header-bg.png) no-repeat center top;}
#header .container{position: relative;overflow: hidden;}
#header .logo{float: left;padding-top: 50px;}
#header .userPanel{ float: right; position: relative;color:#fff;}
#header .userPanel .picLinks{ position: absolute;top: 40px;left: -240px;}
#header .userPanel a{color:#fff;}
#header .userPanel .links{ margin-top: 15px; text-align: right;}

/* 导航栏 */
.nav{position: relative;z-index: 11;}
.nav .container{overflow: visible; text-align:center;}
.nav .li1{display:inline-block; *display:inline; zoom:1; position: relative;}
.nav .li1 a.a1{display: block;padding: 0 42px;height: 50px;line-height: 50px;font-size: 16px;color: #0261a9;text-align: center;}
.nav li.on1 a.a1:hover, .nav .on1 a.a1{background:#f6f9fc;}
.nav .ul1{display: none;position: absolute;z-index: 101;top: 50px; width: 100%;background-color: #0261a9;overflow: hidden; text-align: left;}
.nav .last1 .ul1{right: 0;}
.nav .li2{overflow: hidden;vertical-align: top;height: 40px;line-height: 40px;}
.nav .li2 .a2{display: block; padding-left: 30px; transition: 200ms;color: #fff;font-size: 14px;}
.nav .li2 .a2:hover{background: #0a6db8;color: #fff;}

/* 侧栏导航列表 */
.navList li{margin-top: 10px;}
.navList li a{display: block;padding: 10px 15px;background-color: #f5f5f5;}
.navList li a:hover{background-color: #eee;}
.navList li.on a, .navList li.active a{background-color: #227aa8;color: #fff;}

/* 内容区 */
#content{ overflow: hidden;}
.row { padding:30px 0;}
.row .side{ float:right; width:540px; margin-left:20px;}
.row .more{ padding:6px 20px 6px 40px;line-height: 24px; background: url(images/icon-more.png) no-repeat 15px center;  border:1px solid #ddd; border-radius:30px; transition:all 0.3s ease 0s; display:inline-block; *display:inline; zoom:1;}
.row a:hover.more{background-color:#f9f9f9;}

#row-2{background:#f2f2f2;}

/* 底部 */
#footer{ background: #333;color:#d1c8c8; position: relative;line-height: 1.6;text-align:center;}
#footer .container{margin-bottom: 0; padding: 30px 0;}
#footer .firendLink{ float: right; text-align: center; overflow: hidden;}
#footer .firendLink li{ float: left; margin-left: 20px;}
#footer .copy a{ text-decoration: underline;}

/* Medical Care */
#medicalCare .bd{margin-top:20px;background:#f9f9f9;padding:25px;}
#medicalCare .bd  .intro{ margin-bottom:20px; line-height:30px; overflow:hidden;}
#medicalCare .bd .more{ clear:both; }
#medicalCare .bd a:hover.more{  background-color:#fff; }

.btn-group{ overflow:hidden; margin:30px -15px 0;}
.btn-group li{ float:left; width:49.99%;}
.btn-group li a{ display:block; margin:0 15px; transition:all 0.3s ease 0s; background:#2577b5 url(images/icon-outpatient.png) no-repeat 40px center ; line-height:120px; padding-left: 110px; font-size:20px;color: #fff;}
.btn-group .li2 a{background:#4eb98f url(images/icon-inpatient.png) no-repeat 40px center ; }
.btn-group li a:hover{ filter:alpha(opacity=80);opacity:0.8;}

/* news */
#news .bd .con  a { font-size:18px;}

/* education */
#education .hd{ text-align:center;}
#education .hd ul,
#education .hd li{ float:none; display:inline-block; *display:inline; zoom:1;}
#education .hd li a{ padding:0 10px; line-height:50px;}
#education .hd li.on a{ border-bottom:1px solid #227aa8;}
#education .bd { padding-top:50px;}
#education .bd ul{ overflow:hidden;}
#education .bd ul li{ float:left; width:270px;margin:0 15px 40px; padding:0; background-color:#fff; transition:all 0.3s ease 0s;}
#education .bd ul li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,.1) ;}
#education .bd ul li .pic{ float:none;}
#education .bd ul li .con{ padding:20px 20px 30px;}
#education .bd ul li .con .tit a{ font-size:18px; display:block; white-space: nowrap; text-overflow: ellipsis;}
#education .bd ul li .con .intro{ margin-top:10px; height:60px; line-height:20px;}
#education .ft{ text-align:center;}
/* cooperation */
#cooperation .hd{ text-align:center;}
#cooperation .hd h3{ float:none;}
#cooperation .bd ul{ position: relative; height:380px; overflow:hidden;}
#cooperation .bd ul li{ position: absolute; width:390px; height:180px; padding:0; border:none;}
#cooperation .bd ul li .pic img{ height:100%;}
#cooperation .bd ul li .con{ position: absolute; top:100%; right:0; left:0; bottom:0; z-index: 3; padding:25px; transition:all 0.5s ease 0s;}
#cooperation .bd ul li .con .tit a{ font-size:16px;}
#cooperation .bd ul li .con .intro{ margin-top:10px;}
#cooperation .bd ul li .titleBg{ position: absolute; top:100%; right:0; left:0; bottom:0; z-index: 2; background:#fff; filter:alpha(opacity=90);opacity:0.9; transition:all 0.5s ease 0s;}
#cooperation .bd ul li.on .con,
#cooperation .bd ul li.on .titleBg{ top:0;}
#cooperation .bd ul .node{ top:0; left:0; background-color:#2577b5;color: #fff;}
#cooperation .bd ul .node .node-name{ padding:20px 0 0 30px; font-size:20px;}
#cooperation .bd ul .node .more{ display:block; position: absolute; right:20px; bottom:30px; background: url(images/icon-more-white.png) no-repeat 15px center;  color:#fff;}
#cooperation .bd ul .node a:hover.more{ background-color:#2e82c1;}
#cooperation .bd ul .node .titleBg{ display:none;}
#cooperation .bd ul li.li2{ left:400px; top:0;}
#cooperation .bd ul li.li3{ left:800px; top:0; width:190px;}
#cooperation .bd ul li.li3 .intro{ display:none;}
#cooperation .bd ul li.li4{ left:1000px; top:0; width:190px;}
#cooperation .bd ul li.li4 .intro{ display:none;}
#cooperation .bd ul li.li5{ left:0; top:190px; width:190px;}
#cooperation .bd ul li.li5 .intro{ display:none;}
#cooperation .bd ul li.li6{ left:200px; top:190px; width:190px;}
#cooperation .bd ul li.li6 .intro{ display:none;}
#cooperation .bd ul li.li7{ left:400px; top:190px;}
#cooperation .bd ul li.li8{ left:800px; top:190px;}
