﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none outside none; font-family: "微软雅黑"; }
em { font-style: normal; }
a { text-decoration: none; }
body { max-width: 480px;  background: #e7e8e8; margin: 0px auto !important;   }
/***top***/
header .logo { width: 100%; }
header .logo a img { width: 100%; margin: 0px auto; }
.dh { margin: 8px; height: 32px; clear: both; overflow: hidden; border: 1px solid #e4e4e4 }
.dh dl dt { width: 75%; float: left; height: 32px; line-height: 32px; display: inline; text-indent: 10px; font-size: 16px; color: #333 }
.dh dl dt em { font-size: 18px; color: #e60007 }
.dh dl dd { width: 25%; float: right; }
.dh dl dd a { width: 68px; margin-top: 5px; float: right; margin-right: 10px; text-align: right; font-size: 18px; color: #13a4db; height: 25px; }
.dh dl dd a::before { content: ""; width: 25px; height: 15px; margin: 2px 2px 0 0; display: inline-block; background: url(../images/dh.gif) }
.dingbu{ width: 100%; height:58px; }
.dingbu img { width: 100%; height: auto; }
/***list***/
header .list { width: 100%; height: 78px; clear: both; overflow: hidden; background-color: #13a4db; }
header .list ul li { float: left; width: 25%; height: 41px; line-height: 41px; text-align: center; list-style: none outside none; }
header .list ul li:nth-child(5) a, header .list ul li:nth-child(6) a, header .list ul li:nth-child(7) a, header .list ul li:nth-child(8) a { border-bottom: none }
header .list ul li a { color: #fff; display: block; display: block; border-left: 1px solid #00b9ff; border-bottom: 1px solid #00b9ff }
header { overflow: hidden; background: #fff; }
/***头图***/
.banner { width: 100%; }
.banner a img { width: 100%; margin: 0px auto; }
/***新闻动态 关注健康***/
.xg { background: #fff; margin: 10px auto; }
.xt { width: 100%; height: 45px; line-height: 45px; background: #13a4db; text-indent: 8px; }
.xt a { width: 97%; display: inline-block; height: 21px; overflow: hidden; line-height: 21px; font-size: 18px; color: #fff; border-left: 3px solid #fff; text-indent: 5px }
.xt a em { float: right; margin-right: 10px; }
.xg ul { margin: 5px; overflow: hidden; padding-bottom: 10px; }
.xg ul li { width: 100%; height: 34px; line-height: 34px; border-bottom: 1px solid #e7e8e8; overflow: hidden; margin: 0px auto; display: inline-block; }
.xg ul li a { color: #333333; font-size: 14px; }
.xg ul li .on { display: inline-block; float: right; height: 24px; line-height: 24px; color: #fff; background: #e60007; border-radius: 5px; width: 19%; text-align: center; margin: 5px 0px 0px 0px; }
/***医师团队***/
.ys { background: #fff; margin: 10px auto; width: 100%; }
.yt { width: 100%; height: 45px; line-height: 45px; background: #13a4db; text-indent: 8px; }
.yt a { width: 97%; display: inline-block; height: 21px; overflow: hidden; line-height: 21px; font-size: 18px; color: #fff; border-left: 3px solid #fff; text-indent: 5px }
.yt a em { float: right; margin-right: 10px; }
.ys ul { margin: 8px; color: #333333; font-size: 14px; }
.ys ul li { width: 100%; margin: 0px auto 15px auto; overflow: hidden; padding-bottom: 15px; }
.ys ul li img { float: left; margin-right: 10px; }
.ys ul li strong { display: block; margin-bottom: 5px; }
.ys ul li strong span { font-size: 18px; color: #114374; margin-right: 5px; }
.ys ul li p { line-height: 16px; overflow: hidden; }
.ys ul li p a { color: #333333; font-size: 14px; }
.ys ul li p em { color: #114374; font-weight: bold; }
.ys ul li p span { color: #e60007; font-weight: bold; }
.zx { display: inline-block; overflow: hidden; width: 18%; padding-left: 15px; text-align: center; font-size: 12px; color: #fff; line-height: 25px; height: 25px; background: #13a4db; margin-top: 8px; margin-right: 8px; }
.zx span { display: inline-block }
.zx span:before { content: ""; background: url(../images/before.png) no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; margin-top: 5px; margin-left: -16px; }
.yy { text-align: center; display: inline-block; overflow: hidden; width: 18%; background: #e60007; font-size: 12px; color: #fff; line-height: 25px; height: 25px; margin-top: 8px; padding-left: 15px; }
.yy span:before { content: ""; background: url(../images/after.png) no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; margin-top: 5px; margin-left: -16px; }
.yy span { display: inline-block }
/***中西结合  多维论治***/
.zd { background: #fff; margin: 10px auto; width: 100%; }
.zt { width: 100%; height: 45px; line-height: 45px; background: #13a4db; text-indent: 8px; }
.zt a { width: 97%; display: inline-block; height: 21px; overflow: hidden; line-height: 21px; font-size: 18px; color: #fff; border-left: 3px solid #fff; text-indent: 5px }
.zt a em { float: right; margin-right: 10px; }
.zd ul { margin: 8px; overflow: hidden; padding-bottom: 10px; }
.zd ul li { width: 100%; height: 34px; line-height: 34px; border-bottom: 1px solid #e7e8e8; overflow: hidden; margin: 0px auto; display: inline-block; }
.zd ul li a { color: #333333; font-size: 14px; }
.zd ul li .on { display: inline-block; float: right; height: 24px; line-height: 24px; color: #fff; background: #e60007; border-radius: 5px; width: 19%; text-align: center; margin: 5px 0px 0px 0px; }
.xanniu{ width:100%;}
.xanniu img{ width:100%;}
/***康复故事 健康一生***/
.kf { background: #fff; margin: 10px 0 0 0; width: 100%; overflow: hidden }
.kt { width: 100%; height: 45px; line-height: 49px; background: #13a4db; text-indent: 8px; }
.kt a { width: 97%; display: inline-block; height: 21px; overflow: hidden; line-height: 21px; font-size: 18px; color: #fff; border-left: 3px solid #fff; text-indent: 5px }
.kt a em { float: right; margin-right: 10px; }
.kf ul { margin: 8px auto; width: 100%; overflow: hidden; }
.kf ul li { float: left; width: 30%; background: #f3f3f3; border-radius: 4px; padding: 3px; margin-left: 4px; }
.kf ul li a { color: #000; }
.kf ul li strong { font-size: 14px; color: #114374; display: block; text-align: center; font-weight: normal; }
.kf ul li img { width: 98px; height:56px; display: block; margin: 5px auto; }
.kf ul li a { font-size: 12px; color: #3333333; display: block; margin: 0px auto; }
.kf ul li a em { color: #e60007; }
.kf ul li .on { height: 24px; line-height: 24px; color: #fff; background: #e60007; border-radius: 5px; width: 58%; text-align: center; margin: 10px 0px 5px 25px; position: relative; }
.kf p.border-bk { font-size: 16px; margin-top: 15px; color: #3333333; width: 100%; text-align: center; position: relative; height: 15px; border-top: 1px dashed #2678ad; }
.kf p.border-bk span { color: #2678ad; width: 140px; display: block; height: 20px; margin: 0px auto; background-color: #fff; position: absolute; left: 50%; margin-left: -70px; margin-top: -10px; }
.ds { margin: 8px; overflow: hidden; }
.ds .ld { height: 99px; width: 20%; background: #12ac24; padding: 13px 0px 10px 10px; line-height: 23px; float: left; margin-right: 5px; }
.ds .ld a { color: #fff; font-size: 14px; width: 100%; overflow: hidden; }
.ld span { display: block; }
.ds .ms span, .ds .mx span { float: left; margin-right: 5px; overflow: hidden; }
.ds em { display: block; }
.ds .ld img { margin: 10px 0px 0px 0px; width: 70%; }
.ds .md { position: relative; margin: 0px; float: left; width: 39%; }
.ds .ms { overflow: hidden; width: 100%; height: 52px; background: #13a4db; padding: 6px 0px 0px 20px; margin-bottom: 6px; line-height: 23px; }
.ds .mx { overflow: hidden; width: 100%; float: left; height: 52px; background: #13a4db; padding: 6px 0px 0px 20px; line-height: 23px; }
.ds .ms img { margin-top: 4px; margin-left: 13px; width: 25%; }
.ds .mx img { margin-left: 32px; margin-top: 4px; width: 20%; }
.ds .ms a, .ds .mx a { display: block; width: 99%; color: #fff; font-size: 14px; overflow: hidden; }
.ds .rd span { display: block; }
.ds .rd { width: 29%; height: 116px; float: right; text-align: center; background: #13a4db; margin-left: 5px; padding: 6px 0px 0px 0px; line-height: 25px; }
.ds .rd a { color: #fff; font-size: 14px; width: 100%; overflow: hidden; }
.ds .rd img { display: block; margin: 5px 0px 0px 33px; width: 40%; position: relative; }
/***表单***/
.bd { overflow: hidden; display: block; margin: 8px; text-align: center; border: 1px solid #137fdb; }
.bt { font-size: 18px; background: #137fdb; height: 47px; line-height: 47px; color: #fff; width: 100%; margin: 0px auto; display: block; }
.bd strong { font-size: 12px; color: #e60007; margin: 10px auto; display: block; font-weight: normal; }
.bd p { line-height: 40px; width: 90%; text-align: right; overflow: hidden; float: left; margin-left: 10px; }
.bd p em { margin-right: 5px; }
.bd p label { font-size: 14px; color: #333333; width: 30%; }
.bd p input { width: 69%; color: #aaa9a9; font-size: 12px; border: 1px solid #e8e6e6; height: 25px; line-height: 25px; border-radius: 5px; outline: none; text-indent: 5px; }
.bd .pl { overflow: hidden; }
.bd .pl label { float: left; }
.bd p textarea { display: inline-block; width: 69%; margin-top: 13px; margin-bottom: 20px; height: 80px; line-height: 20px; outline: none; border: 1px solid #e8e6e6; border-radius: 5px; text-indent: 5px; font-size: 12px; }
.tj { clear: both; }
.tj span { display: inline-block; font-size: 18px; color: #e60007; text-align: left; margin: 0px 0px 0px 5px; font-weight: bold; }
.tj span a { color:#e60007; }
.tj span em { display: block; font-size: 14px; color: #282828; }
.tj span.tijiao { display: inline-block; background: #13a4db; width: 25%; height: 35px; line-height: 35px; color: #fff; border-radius: 5px; font-size: 18px; float: right; margin-right: 50px; position: relative; margin-bottom: 30px; }
.tj span.tijiao button { width: 100%; height: 100%; background: none; line-height: 35px; text-align: center; border: none; color: #fff; font-size: 18px; cursor: pointer }