@charset "gb2312";
/* CSS Document */
#header {width:100%;min-width:320px; background-color:#fff;position:relative;z-index:9;border-bottom:.1em solid #00d3cb;}
.logo-shouhan {left:50%;top:50%;display:block;width:640px;height:80px;margin-left:-320px;margin-top:-40px;background:url(img/logo.png) no-repeat;}
@media screen and (min-width:320px)  {
.logo-shouhan {width:320px;height:30px;margin-left:-160px;margin-top:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
}

@media screen and (min-width:321px)  {
.logo-shouhan {width:360px;height:34px;margin-left:-180px;margin-top:-17px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
}

@media screen and (min-width:768px)  {
.logo-shouhan {width:640px;height:60px;margin-left:-320px;margin-top:-30px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
}



h2 { color:#0e66a4; font-weight:normal; text-align:center; font-size:1.6666em;}
h2.zhinan { color:#dc8700;}
p {  color:#2a2a2a; line-height:1.5em;}
.cBlue { color:#0e66a4;}

.shouhanWrapper { background-color:#f2f4f6;}

h3.title{ text-align: center; overflow:hidden; margin:1em 0; } 
h3.title span{display: block; /*设置为块级元素会独占一行形成上下居中的效果*/ font-size:1.1em;font-weight:bold; color: #0e66a4; position: relative; /*定位横线（当横线的父元素）*/} 
h3.title span:before, h3.title span:after{content: ''; /*CSS伪类用法*/ position: absolute; /*定位背景横线的位置*/ top: 52%; background: #0e66a4; /*宽和高做出来的背景横线*/ width: 50%; height: 1px;} 
h3.title span:before{left: -30%; /*调整背景横线的左右距离*/} 
h3.title span:after{right: -30%;}

h3.title02{ text-align:left; overflow:hidden; margin:1em 0; } 
h3.title02 span{display: block; font-size:1.1em; font-weight:bold; color: #0e66a4; position: relative; /*定位横线（当横线的父元素）*/} 
h3.title02 span:after{content: ''; /*CSS伪类用法*/ position: absolute; /*定位背景横线的位置*/ top: 52%; background: #0e66a4; /*宽和高做出来的背景横线*/ width: 100%; height: 1px;} 
h3.title02 span:after{right: -45%;}


h3.title03{ text-align: center; overflow:hidden; margin:1em 0; } 
h3.title03 span{display: block; /*设置为块级元素会独占一行形成上下居中的效果*/ font-size:1.1em;font-weight:bold; color: #0e66a4; position: relative; /*定位横线（当横线的父元素）*/} 
h3.title03 span:before, h3.title03 span:after{content: ''; /*CSS伪类用法*/ position: absolute; /*定位背景横线的位置*/ top: 52%; background-color:transparent; /*宽和高做出来的背景横线*/ width: 65%; height: 1px; border-bottom:1px dashed #0e66a4;} 
h3.title03 span:before{left: -30%; /*调整背景横线的左右距离*/} 
h3.title03 span:after{right: -30%;}


.shZheng { background-color:#2a2a2a; color:#fff; text-align:center; padding:.2em 0; }
.shData li { border-bottom:1px solid #fff; padding-bottom:1.5em; overflow:hidden;margin-bottom:2em}
.shData li>p { padding:0 1em; margin-top:1em}

.kujujiSection { background-color:#e5e5eb;}
.zhiliaoSection { background-color:#deeeff;}
.zhinanSection { background-color:#fffdf3;}
.anliSection { background-color:#f9f8f8;}
.yhSection { background-color:#b30000;}
.gljSection { background-color:#eef6ff;}

.shPatient li p { margin-bottom:1em;}
.shPatient li img { margin-bottom:1em; }


.chongjianZL {}
.chongjianZL h5 { font-size:1em; color:#0e66a4; font-weight:bold; line-height:2em; }
.chongjianZL table { border:solid #0e66a4; border-width:1px 0 0 1px; margin-top:1em;}
.chongjianZL th{ text-align:center; padding:1em 0;}
.chongjianZL td,.chongjianZL th{ border:solid #0e66a4; border-width:0 1px 1px 0; color:#2a2a2a; background-color:#eef6ff; }
.chongjianZL td { text-align:left;padding:.5em;}
.chongjianZL th[scope^="col"] { font-weight:bold; color:#0e66a4; width:25%;}
.chongjianZL th:nth-child(1) { width:15%; font-weight:normal; }


.anliList .firstNd { margin-bottom:1.5em; overflow:hidden;}
.anliList .firstNd h5 { font-size:1em; color: #0e66a4; line-height:1.5em; font-weight:bold;}
.anliList .firstNd p { text-indent:0em; line-height:1.5em; color:#2a2a2a; }
.anliList .firstNd img { margin: .5em 0;}

.zhinanList li { position:relative; background-color:#fffceb; padding:1.25em; box-shadow:.15em .15em 0 #cec9af; margin-bottom:1em; overflow:hidden;}
.zhinanList li h5 { color:#2a2a2a; text-align:center; font-size:1em; margin-bottom:.5em;}
.zhinanList li>em { width:3em; height:3em; background-color:#dc8700; color:#fff; border-radius:50%; position:absolute; top:-1.5em; left:-1em;display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:end;}
.zhinanList li a { background-color:#fcca00; padding:0 .4em;}


.QA li { margin-bottom:1em; position:relative;}
.QA li>div { width:75%; color:#2a2a2a; padding:4% 2.5%; font-size:.8em; line-height:1.75em; border-radius:5px; position:relative;}
.QA li:nth-child(2n-1)>div { background-color:#ffead0; margin-left:18%;}
.QA li:nth-child(2n-1)>div:before { 
content: ' ';
position: absolute;
width: 0;
height: 0;
top: 5px;
left:-30px;
border: 15px solid;
border-color: transparent #ffead0 transparent  transparent;
}
.QA li:nth-child(2n)>div { background-color:#d5e7f3; width:77%;}
.QA li:nth-child(2n)>div:after { 
content: ' ';
position: absolute;
width: 0;
height: 0;
top: 5px;
right:-30px;
border: 15px solid;
border-color: transparent transparent  transparent #d5e7f3;
}
.QA li:nth-child(2n-1):before { content:""; background-image:url(img/img04001.png); background-size:100%; position:absolute; left:0; top:0; width:3em; height:3em; }
.QA li:nth-child(2n):after  {  content:""; background-image:url(img/img04002.png); background-size:100%; position:absolute; right:0; top:0; width:3em; height:3em;}


.yhList dt { color:#fff; line-height:2.5em;}
.yhList dd { color:#ffef38;}

.bookingJC ul { width:85%; margin:1em auto;}
.bookingJC li { border:1px solid #aaaaaa; box-shadow:1px 1px 0 #d7d7d7; margin-bottom:1em; overflow:hidden;}
.bookingJC li label { float:left; width:35%; line-height:2.5em; font-size:1em; display:inline-block; background-color:#c1c1c1; text-align:center; color:#000;}
.bookingJC li input { float:left; width:60%; line-height:2.5em; font-size:1em; font-family: "Microsoft YaHei",Verdana, Geneva, sans-serif; padding:0; margin:0; border:0;}
.bookingJC li:nth-of-type(3) input { width:28%;}
.bookingJC li:nth-of-type(3) input.Code { width:37%; border-left:1px solid #b8b8b8; font-size:.3em;}
.bookingJC li:last-of-type { border:none; box-shadow:none;}
.bookingJC li:last-of-type input.Submit { float:none; clear:left; width:70%; margin:0 0 0 15%; background-color:#f66a28; color:#fff; border:1px solid #aaaaaa; }
.bookingJC select  {float:left; font-size:1em; height:2.5em; line-height:2.5em; width:60%; font-family:"Microsoft YaHei"; border:none;}


.f12bla-glj h5 { font-size: 1.15em; color: #0e66a4; position: relative; overflow: hidden; margin: 1em 0 .5em;}
.f12bla-glj h5::after { content: ""; width: 100%; height: 1px; background-color: #0e66a4; position: absolute; top: 50%; left: 23%;}

.f12bla-glj-w48 li { width: 48%; margin-right: 4%;  float: left;}
.f12bla-glj-w48 li:nth-of-type(2) { margin-right: 0;}
.f12bla-glj-w48 li img { margin:.25em 0 .5em;}

.caseList .w49 { text-align: center; background-color: #fff; margin-top: 1.5em;} 
.caseList .w49 li { width: 49%; position: relative; margin-right: 2%;}
.caseList .w49 li p { top: .5em; left: .5em; position: absolute; color: #fff;}
.caseList .w49 li:last-of-type { margin-right: 0;}
.caseList .w49 h5 { font-weight: normal; line-height: 2em; color: #333; font-size: 1em;}
.caseList .w49 h5 a { background-color: #0e66a4; color: #fff; padding: 0 .5em;}


.picList .w33 li { width: 32%; margin-left: 2%;}
.picList .w33 li:first-of-type {margin: 0}
.picList .w25 li { width: 25%; border-right: .1em solid #fff; border-top: .1em solid #fff; text-align: center; background-color: #0e66a5;}
.picList .w25 li:last-of-type { border-right:none; }
.picList .w25 li a { color: #fff; display: block; padding: .5em 0;}

.dongtai_list li { margin-bottom: 7%; padding-bottom: 7%; border-bottom: 1px dashed #e1e1e1;}
.dongtai_list li h3 { font-size: 1.3em; font-weight: normal; color: #0e66a4;}
.dongtai_list li p { font-size:1em; color: #2a2a2a;}
.dongtai_list li img { margin: 3% 0;}

.sh_crumbs { font-weight: bold; color: #0e66a4; margin: 2% 4%; }
.sh_crumbs span{ display: inline-block;float:left; margin-top: .5em;}
.sh_crumbs span.ask { border: .1em solid #0e66a4; padding: 1%; border-radius: .2em; float: right; margin-top: 0;}

.sh_yiyuan p { margin-bottom: 1em;}
