/* index.css */
.hd { margin-bottom: 20px; overflow: hidden; font-size: 14px; }
.hd em,.hospital-info .hd .now { float: left; padding: 5px 15px; margin-right: 10px; background: #cd5739; color: #fff; font-weight: bold; font-size: 16px; border-radius: 20px; }
.hd .more { float: right; margin-top: 8px; }


.story-doctors, .aptitude, .hospital-info, .news, .cases, .operation, .doctor { padding: 30px 0; }
.aptitude, .news, .operation { background: #f2f2f2; }

/* story-doctors */
.story-doctors {}
.story-doctors h3 em { font-size: 16px; color: #cd5739; font-weight: bold; }
.story { width: 325px; }
.story li { height: 24px; line-height: 2; overflow: hidden; }
.story .first { height: 80px; margin-bottom: 5px; }
.story .pic { width: 80px; height: 80px; }
.story .pic img { width: 80px; }
.story .txt { width: 230px; }
.story .txt h4 { font-size: 15px; }
.story .txt p a { color: #999; }

.doctors { width: 670px; padding-left: 5px; }
.doctors > h3 { padding-left: 15px; }
.doctors li { float: left; width: 320px; padding-left: 15px; overflow: hidden; }
.doctors li .pic { width: 170px; height: 200px; overflow: hidden; text-align: center; }
.doctors li .pic img { height: 200px; }
.doctors li .txt { width: 140px; line-height: 2; }
.doctors li .txt h3 { margin-bottom: 10px; font-size: 14px; }
.doctors li .txt p { height: 120px; overflow: hidden; }

/* aptitude */
.aptitude ul { margin-left: -12px; }
.aptitude li { float: left; width: 190px; min-height: 320px; margin-left: 12px; text-align: center; }
.aptitude li img { height: 290px; border: 1px solid #f2f2f2; }
.aptitude li:hover img { border-color: #cd5739; }
.aptitude li:hover a { color: #cd5739; }
.aptitude li p { margin-top: 10px; }

/* hospital-info */
.hospital-info .hd em { background: none; color: #666; cursor: pointer; }
.hospital-info .bd { display: none; }
.hospital-info .layout .bd:first-child { display: block; }
/* honor */
.honor { height: 272px; }
.honor ul { height: 272px; margin: -22px 0 0 -15px; overflow: visible; }
.honor li { float: left; width: 178px; margin: 22px 0 0 15px; text-align: center; }
.honor li img { width: 178px; }
.honor li:first-child, .honor .fr { width: 200px; }
.honor li:first-child img, .honor .fr img { height: 272px; }
.honor .fr { float: right; }
.honor li:hover { box-shadow: 0 0 10px rgba(0,0,0,.3) }
/* environment */
.environment { width: 1000px; height: 272px; overflow: hidden; }
.environment ul { width: 1000px; margin-left: -12px; }
.environment li { float: left; margin-left: 12px; }
/* device */
.device {}
.device li { position: relative; float: left; width: 180px; height: 272px; margin: 0 10px; }
.device li .pic { width: 180px; height: 272px; overflow: hidden; text-align: center; }
.device li .pic img { height: 272px; }
.device li .txt { position: absolute; left: 0; bottom: 0; right: 0; padding:0 10px; }
.device li .txt:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: #000; opacity: .3; filter: alpha(opacity=30); z-index: 1; }
.device li .txt em, .device li .txt span { position: relative; z-index: 2; color: #fff; }
.device li .txt em { display: block; text-align: center; line-height: 2; }
.device li .txt span { display: block; height: 0; overflow: hidden; transition: all .1s linear 0s; }
.device li:hover .txt span { height: auto; padding-bottom: 10px; transition: all .1s linear 0s; }

/* news */
.news {}
.news ul { height: 190px; overflow: visible; }
.news li { float: left; width: 311px; padding: 10px; }
.news li:hover { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.news li .pic { width: 100px; height: 75px; overflow: hidden; text-align: center; }
.news li .pic { height: 75px; }
.news li .txt { width: 200px; }
.news li h4 { font-size: 14px; }
.news li p { height: 18px; overflow: hidden; }

/* cases */
.cases { padding: 30px 0; background: #fff; }
.cases ul { height: 344px; overflow: visible; }
.cases li { float: left; padding: 10px; border: 1px solid #e6e6e6; width: 419px; margin: -1px 0 0 -1px; overflow: hidden; }
.cases li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.cases li .pic { width: 150px; height: 150px; overflow: hidden; }
.cases li .pic img { -width: 100%; }
.cases li .txt { width: 255px; }
.cases li h4 { font-size: 14px; }
.cases li p { margin: 10px 0; color: #999; }

/* operation */
.operation .bd { overflow: hidden; }
.operation ul { float: left; width: 220px; }
.operation ul img { width: 210px; margin: 5px; }

/* doctor */
.doctor { padding: 30px 0; }
.doctor li { float: left; width: 500px; }
.doctor li .txt { height: 141px; padding: 20px 50px 20px 0; margin-top: 60px; background: #ace9ff; }
.doctor li:first-child .txt { background: #c8cefd; }
.doctor li .txt h3 { font-size: 14px; }
.doctor li .txt p { line-height: 2; margin: 10px 0; }
.doctor li .txt .btn { text-align: center; }
.doctor li .txt .btn a { padding: 5px 8px; background: #5ad2fe; color: #fff; border-radius: 3px; }
.doctor li:first-child .txt .btn a { background: #9ba6ff; }

/* bbs */
.bbs ul { margin: 0 -5px; }
.bbs li { float: left; width: 210px; margin: 0 5px; background: #fff; overflow: hidden; }
.bbs li .pic { display: block; }
.bbs li .pic img { width: 100%; }
.bbs li h3 { margin: 5px 8px 0; height: 42px; overflow: hidden; }
.bbs li .txt { padding: 5px 8px; overflow: hidden; }

@media (max-width: 1024px){
	.cases ul { height: auto; }
	.cases li { width:320px; }
	.cases li .pic { width: 100px; height: 100px; }
	.cases li .txt { width: 200px; }
	.operation ul { width:175px; }
	.operation ul img { width: 100%; }
}