/*基本样式*/



* {

    padding: 0px;

    margin: 0px;

    font-family: 'Microsoft YaHei';

}



h1, h2, h3, h4, h5, h6, b {

    /*font-weight:normal;*/

    font-size: 100%;

}



input, select, button {

    vertical-align: middle;

    line-height: normal;

    font-size: 100%;

}



textarea {

    line-height: 100%;

}



a {

    outline: 0;

    cursor: pointer;

    *star: expression(this.onFocus=this.blur());

    text-decoration: none;

}



input:focus, select:focus, textarea:focus, button:focus {

    outline: none;

}



input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

}



textarea {

    -webkit-appearance: none;

}



input:focus, textarea:focus {

    outline: none;

}



table {

    border-spacing: 1;

}



img {

    border: 0;

    max-width: 100%;

}



ul, li {

    list-style: none;

}



p {

    word-break: break-all;

    text-justify: inter-ideograph;

    line-height: 1.7em;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.textCenter {

    text-align: center;

}



.clear {

    clear: both;

    height: 0;

    font-size: 0;

    line-height: 0;

    visibility: hidden;

    overflow: hidden;

}



.hd {

    overflow: hidden;

}



.block {

    display: block;

}



.hide {

    display: none;

}



body {

    min-width: 320px;

    max-width: 640px;

    margin: 0 auto;

    background: #ffffff;

    font: 24px Microsoft Yahei;

    color: #4d4d4f;

}





/*公共部分*/



.huodong {

    z-index: 999;

    width: 100%;

    max-width: 640px;

}



.huodong img {

    width: 100%;

    max-width: 640px;

    min-width: 320px;

    display: block;

    text-align: center;

}



.logo {

    z-index: 999;

    width: 100%;

    max-width: 640px;

}



.logo img {

    width: 100%;

    max-width: 640px;

    min-width: 320px;

    display: block;

    text-align: center;

}



.logo a {

    display: block;

    width: 16%;

    height: 100%;

    position: absolute;

    top: 0;

    text-indent: -99999px;

}



.logo a.back {

    left: 0;

}



.logo a.goon {

    right: 0;

}



.banner a {

    display: block;

}



.bBanner a {

    display: block;

}



.slide1 .swiper-pagination-bullet-active {

    opacity: 1;

    background: #47221A;

}

/*监督电话开始*/
.zxbtn { text-align: center; width:95%; margin:2% auto; overflow:hidden; }

.zxbtn a{ display:inline-block;  }

.zxbtn img{ width:100%}

.zxbtn a.zxs1{width:34.296%;}

.zxbtn a.zxs2{width:62.29%;}

.zx { overflow: hidden; zoom: 1; padding: 0.1rem 0 0.1rem; background:#F5F5F5;}

.zx h2 {  text-align: center; margin-bottom: 0.1rem; color:#000;font-size:100%; }

.zx h2 span { color: #bf0412; }

/*监督电话结束*/

nav {

    overflow: hidden;

    background: #f0f0f0;

    margin-bottom: 2%;

}



nav ul {

    overflow: hidden;

}



nav li {

    width: 19.6%;

    border-right: 1px solid #dedede;

    float: left;

}



nav li:nth-of-type(5) {

    border: 0;

}



nav li a {

    color: #BD9E5A;

    display: block;

}



nav li a img {

    display: block;

    width: 47%;

    margin: 5% auto 0;

}



nav li a p {

    text-align: center;

    padding-bottom: 4%;

    line-height: 1.3em;

    color: rgb(83, 40, 34)

}



.location {

    background: #f0f0f0;

    padding: 2%;

}



.location a {

    color: #4d4d4f;

}





/*来院路线*/



.pubianA img {

    display: block;

}



.map {

    padding: 2%;

}



.map img {

    display: block;

    width: 100%;

}



.map .busTime {

    overflow: hidden;

    padding: 2%;

}



.map .busTime li {

    position: relative;

    overflow: hidden;

    height: 32px;

}



.map .busTime li span {

    display: block;

    width: 24%;

    position: absolute;

    left: 0;

    top: 6%;

    text-align: center;

}



.map .busTime li p {

    position: absolute;

    left: 24%;

    top: 0;

}



.lTitle {

    background-size: auto auto;

    position: relative;

    margin: 4% auto 4%;

}



.lTitle img {

    width: 9%;

}



.lTitle p {

    border-bottom: 2px solid #6e2222;

    position: absolute;

    left: 10%;

    bottom: 2%;

    width: 31%;

    line-height: 1.2em;

}



.lTitle p b {

    font-size: 159%;

    font-weight: bold;

}



.busLine {

    background: #f0f0f0;

    padding: 2%;

    box-shadow: 0px 6px 5px 0px #ccc;

    margin-bottom: 3%;

    position: relative;

}



.busLine .busLineCon1 div {

    position: relative;

}



.busLine .busLineCon1>div>img {

    width: 3%;

}



.busLine .busLineCon1 div b {

    font-weight: bold;

    margin: 0 2% 0 1%;

}



.busLine .busLineCon1 div .busDivs {

    width: 5%;

    position: absolute;

    right: 2%;

    top: 0;

}



.busLine .busLineCon1 p i {

    color: #2767AE;

    font-style: normal;

}



.busLine .busLineCon1 p {

    margin-top: 2%;

    font-size: 90%;

}



.contact {

    overflow: hidden;

    margin: 5% auto;

}



.contact a {

    display: block;

    float: left;

    overflow: hidden;

    margin-left: 11%;

    width: 36%;

    color: #4d4d4f;

}



.contact a img, .contact a p {

    float: left;

}



.contact a p {

    margin-left: 5%;

}



.contact a img {

    width: 35%;

}



.lTitle h2 {

    font-weight: bold;

    display: block;

    font-size: 145%;

    text-align:center;

    padding-bottom: 3%;

    color: rgb(71, 34, 26)

}



.lBg1 {

   /* background: url(../images/ltitle.png) no-repeat left bottom;*/

    background-size: 100% 100%;

}



.lBg2 {

    background: url(../images/ltitle2.png) no-repeat left bottom;

    background-size: 100% 100%;

}



.lBg3 {

    background: url(../images/ltitle3.png) no-repeat left bottom;

    background-size: 100% 100%;

}



.sBg1 {

    background: url(../images/stitle1.png) no-repeat left bottom;

    background-size: 100% 100%;

}



.sBg2 {

    background: url(../images/stitle2.png) no-repeat left bottom;

    background-size: 100% 100%;

}



.sBg3 {

    background: url(../images/stitle3.png) no-repeat left bottom;

    background-size: 100% 100%;

}



.sBg4 {

    background: url(../images/stitle4.png) no-repeat left bottom;

    background-size: 100% 100%;

}



.brandActivity h3 {

    text-align: center;

    position: relative;

    width: 78%;

    margin: 0 auto;

    overflow: hidden;

}





/*.brandActivity h3 img{ display:block;width: 12%;}*/



.brandActivity h3 p {

    /* position:absolute; left:12%; bottom:0;*/

    line-height: 1.3em;

    color: #BD9E5A;

}



.brandActivity .brandImg {

    margin-top: 2%;

}



.brandActivity .brandImg img {

    display: block;

}



.brandActivity ul {

    background: #f0f0f0;

    width: 96%;

    padding: 2% 0 2% 4%;

    position: relative;

}



.brandActivity li {

    font-size: 85%;

    margin-bottom: 1%;

}



.brandActivity ul .brandUlimg {

    position: absolute;

    top: 7%;

    right: 8%;

    width: 19%;

}



.brandActivity .swiper-pagination-bullet-active {

    background: #47221a;

}





/* 滚动 */



.c4_main {

    padding: 10px 7px;

    overflow: hidden;

    zoom: 1;

}



.c4_main h4 {

    overflow: hidden;

    zoom: 1;

    color: #666666;

    padding: 2% 0;

}



.c4_main h4 p {

    float: right;

}



.c4_main h4 div {

    float: left;

    width: 50%;

}



.c4_main h4 img {

    vertical-align: middle;

    width: 12%;

    margin-right: 2%;

}



.c4_main h4 span {

    padding: 0 5px;

}



.c4_gun {

    height: 400px;

    overflow: hidden;

}



.c4_gun dl {

    overflow: hidden;

    zoom: 1;

    padding-bottom: 10px;

    width: 98%;

    margin: 0 auto;

    font-weight: normal;

}



.c4_gun dl dt {

    float: left;

    width: 10%;

}



.c4_gun dl dd {

    float: right;

    width: 88%;

}



.c4_gun dl dd h3 {

    color: #BD9E5A;

}



.c4_gun dl dd p {

    color: #333333;

    text-indent: 2em;

}



.form {

    background: #f0f0f0;

    padding-top: 1%;

    padding-bottom: 1%;

}



.formBar {

    text-align: center;

    margin-bottom: 2%;

}



.formBar input {

    padding: 1% 2%;

    width: 60%;

    color: #666;

}



.formBar input, .formBar span, .formBar select {

    font-size: 89%;

    color: #4d4d4f;

}



.formBar select {

    padding: 1%;

    width: 65%;

    color: #666;

}



.formBtn {

    overflow: hidden;

    text-align: center;

    margin: 2% auto;

}



.formBtn input, .formBtn select {

    display: inline-block;

    vertical-align: middle;

    width: 30%;

    margin-left: 3%;

    padding: 2% 0;

    text-align: center;

    color: #fff;

    border: 0;

}



.formBtn input {

    background: #47221a;

    color: #fff;

}



.wxtx {

    font-size: 80%;

    color: #5d5d5d;

    text-indent: 2em;

    margin: 2%;

}



.wxtx font {

    color: #47221a;

    font-weight: bold;

    font-size: 120%;

}



.lTel {

    margin: 2% auto;

}



.lTel a {

    display: block;

}



.botMap {

    width: 100%;

    background: url(../images/con35.jpg) no-repeat center top;

    background-size: 100% 100%;

    overflow: hidden;

}



.botMap .fl {

    width: 50%;

}



.botMap .fr {

    width: 45%;

    font-size: 80%;

    color: #393939;

    padding: 3% 0 7% 0;

}



.botMap .fr p {

    margin-top: 4%;

}



.botMap .botBot a {

    color: #fff;

    font-size: 80%;

    border-radius: 4px;

    padding: 2% 6%;

}



.botMap .botBot a img {

    width: 20%;

    width: 7%;

}



.botMap .botBot a:nth-of-type(1) {

    background: #47221a;

}



.botMap .botBot a:nth-of-type(2) {

    background: #ba5c14;

}



.botMap .botBot {

    margin-top: 7%;

}





/*公交弹窗样式*/





/*.busclose{height: 40px;width: 40px;position: absolute;background: rgb(221, 221, 221) none repeat scroll 0% 0%;right: 15px;top: 10px;opacity: 0;}*/





/*.busStop{ background:rgba(48,48,48,.6); position:relative;}

.busStop h2{ border-bottom:1px dashed #9e9e9e; color:#fff; padding:2%;background:rgba(48,48,48,.6);}

.busStop h2 img{vertical-align: middle;margin-right: 1%; width:5%;}

.busStop .busLine{background:rgba(48,48,48,.6);}

.busDiv{ text-align:center;width: 7%; margin-right:1%!important; color:#fff;}

.busDiv .specialBus{ color:#f7941d;}

.busStop .busclose{ position:absolute; right:4%; top:2%;width: 4%;}*/





/*************专家页**************************/



.zTitle {

    background: url(../images/ztitle.jpg) no-repeat center top;

    background-size: 100% 100%;

    padding: 2%;

}



.zTitle h2 {

    font-size: 110%;

    color: #636363;

    font-weight: bold;

}



.zTitle span {

    font-size: 48%;

    display: block;

    color: #b3b3b3;

}



.dot {

    padding: 2%;

}



.dotBg1 {

    /*background:url(../images/zcon2.jpg) no-repeat left top; background-size:auto auto;*/

}



.dotCon {

    overflow: hidden;

}



.dotCon .fl {

    width: 28%;

}



.dotCon .fr {

    width: 70%;

}



.dotCon .fr .dot1 {

    position: relative;

}



.dotCon .fr .dot1 dl {

    font-size: 80%;

}



.dotCon .fr .dot1 dl dt b {

    font-weight: bold;

    font-size: 130%;

    margin-right: 1%;

    color: #000000;

}



.dotCon .fr .dot1 dl dd {

    margin-top: 1%;

}



.dotCon .fr .dot1 .zuoZhen {

    position: absolute;

    top: 2%;

    right: 0;

    width: 31%;

}



.dotCon .fr .dot2 {

    border-top: 1px dashed #c4c4c4;

    font-size: 80%;

    margin-top: 6%;

    color: #000000;

}



.dotCon .fr .dot2 span {

    background: #813c3a;

    color: #fff;

    display: block;

    position: absolute;

    top: -31%;

    left: 0;

    padding: 0.5% 2%;

}



.dotCon .fr .dot2 p {

    margin-top: 3%;

}



.dotCon .fr .dot2 p a {

    color: #990200;

}



.dotCon .fr .dotPos1 {

    position: relative;

}



.dotCon .fr .dotPos2 {

    position: relative;

    margin-top: 4%;

}



.dotCon .fr .dotPos2 span {

    top: -15%;

}



.dotCon .dotBut {

    overflow: hidden;

    margin: 2% auto;

}



.dotCon .dotBut a {

    color: #fff;

    display: block;

    float: left;

    font-size: 80%;

    border-radius: 4px;

    margin-left: 6%;

}



.dotCon .dotBut a:nth-of-type(1) {

    background: #862a2a;

    padding: 1.2% 2%;

}



.dotCon .dotBut a:nth-of-type(2) {

    background: #e95c0c;

    padding: 1% 2%;

}



.dotCon .dotBut a:nth-of-type(2) img {

    width: 16%;

    vertical-align: middle;

    margin-right: 2%;

}



.famous {

    overflow: hidden;

    padding: 2%;

}



.famous .fl {

    width: 23%;

}



.famous .fr {

    overflow: hidden;

    width: 76%;

}



.famous .fr .synopsis {

    float: left;

    width: 61%;

    border-right: 1px solid #939393;

}



.famous .fr .synopsis dl {

    font-size: 65%;

}



.famous .fr .synopsis dl dt {

    margin-bottom: 1%;

}



.famous .fr .synopsis dl dt b {

    font-size: 110%;

    font-weight: bold;

    margin-right: 2%;

}



.famous .fr .synopsis div {

    overflow: hidden;

    margin-top: 3%;

}



.famous .fr .synopsis div img {

    float: left;

    width: 16%;

    margin-right: 2%;

}



.famous .fr .synopsis div p {

    float: left;

    font-size: 70%;

    width: 80%;

    line-height: 1.5em;

}



.famous .fr .order {

    width: 32%;

    float: left;

    padding-left: 2%;

}



.famous .fr .order dl {

    overflow: hidden;

    width: 100%;

}



.famous .fr .order dt, .order dd {

    float: left;

}



.famous .fr .order dt {

    width: 27%;

    margin-top: 4%;

    margin-right: 4%;

}



.famous .fr .order dt img {

    width: 100%;

}



.famous .fr .order dd {

    font-size: 60%;

}



.famous .fr .order dd i {

    font-size: 150%;

    color: #980201;

    font-style: normal;

}



.famous .fr .order span {

    color: #939393;

    display: block;

    border: 1px solid #990200;

    border-radius: 13px;

    font-size: 80%;

    text-align: center;

}



.famous .fr .order span:nth-of-type(2) {

    margin-top: 5%;

}



.famous .fr .famBut {

    overflow: hidden;

    margin-top: 3%;

}



.famous .fr .famBut a {

    color: #fff;

    font-size: 80%;

    padding: 2% 5%;

    display: block;

    float: left;

    border-radius: 5px;

    margin-left: 6%;

}



.famous .fr .famBut a:nth-of-type(1) {

    background: #862a2a;

}



.famous .fr .famBut a:nth-of-type(2) {

    background: #e95c0c;

}





/****************首页***********************/



.sickTable {

    width: 100%;

    border-collapse: collapse;

    font-size: 80%;

    margin: 2% auto;

}



.sickTable td {

    border: 1px solid #e7c9c9;

    text-align: center;

    width: 22%;

    padding: 2% 0;

}



.sickTable td a {

    color: #4d4d4f;

    display: block;

}



.sickTable td.sicekTd {

    width: 21%;

}



.sickTable td.sicekTd p {

    color: #fff;

}



.sickTable td.sickBg1 {

    background: #47221a;

}



.sickTable td.sickBg2 {

    background: #8f6960;

}



.sickTable td.sickBg3 {

    background: #c0a58f;

}



.sickBor1 td {

    border: 1px solid #b8b8b8;

}



.sickBor2 td {

    border: 1px solid #b8b8b8;

}



.sickTable td.sicekTd img {

    width: 26%;

}



.sickBox {

    position: relative;

    margin: 2% auto;

}



.sickBox .sickYuan {

    position: absolute;

    left: 0%;

    width: 100%;

    text-align: center;

    bottom: 2%;

}



.sickBox .swiper-pagination-bullet-active {

    background: #a41e1a;

}



.sickBox .sickYuan.swiper-pagination-clickable .swiper-pagination-bullet {

    margin: 0 1%;

}



.symptomatic ul li {

    width: 23%;

    margin: 0 1% 2%;

    float: left;

}



.symptomatic ul li a, .symptomatic ul li a img {

    display: block;

    width: 100%;

}



.commonBut {

    overflow: hidden;

    margin: 2% auto;

    text-align: center;

}



.commonBut a {

    float: left;

    color: #fff;

    display: block;

    border-radius: 4px;

    padding: 2% 3%;

}



.commonBut a:nth-of-type(1) {

    background: #47221a;

    width: 46%;

    padding: 2.5% 1%;

    margin: 0;

}



.commonBut a:nth-of-type(2) {

    background: #ba5c14;

    width: 44%;

    margin-left: 2%;

}



.commonBut a:nth-of-type(2) img {

    width: 13%;

    vertical-align: middle;

    margin-right: 2%;

}



.expert {

    position: relative;

}



.expert img {

    display: block;

    margin: 2% auto;

}



.expert p {

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 1% 0;

    color: #BD9E5A;

    text-align: center;

    background: rgba(69, 32, 24, .7);

    width: 100%;

}



.expert p b {

    font-weight: bold;

}



.expertList {

    overflow: hidden;

    padding-top: 2%;

    padding-bottom: 2%;

    margin-bottom: 2%;

}



.expertList .fl {

    width: 40%;

}



.expertList .fr {

    width: 50%;

    border: 6px solid #eedabc;

    margin-right: 2%;

    padding: 2% 2% 0 2%;

}



.expertList .fr .expTop img {

    width: 94%;

}



.expertList .fr .expBot h4 {

    color: #47221a;

    margin-bottom: 1%;

}



.expertList .fr .expBot p {

    font-size: 73%;

}



.expertList .fr .expBot p b {

    font-weight: bold;

}



.expertList .fr .expBot p a {

    color: #ff0000;

}



.expBg1 {

    background: #f8f8f5;

}



.expBg2 {

    background: #faf4f1;

}



.indexTure {

    overflow: hidden;

    margin-bottom: 2%;

}



.indexTure .tureLeft {

    width: 39%;

    position: relative;

}



.indexTure .tureLeft p {

    text-align: center;

    color: #BD9E5A;

    font-size: 80%;

    background: rgba(69, 32, 24, .7);

    position: absolute;

    left: 0;

    bottom: 2%;

    width: 100%;

    padding: 1% 0;

}



.indexTure .tureRight {

    width: 58%;

}



.indexTure .tureRight h4 {

    border-bottom: 1px dashed #bcbcbc;

    font-size: 100%;

    padding-bottom: 1%;

}



.indexTure .tureRight h4 a {

    font-size: 100%;

    color: #47221a;

}



.indexTure .tureRight p {

    font-size: 80%;

}



.indexTure .tureRight div {

    margin-top: 3%;

}



.indexTure .tureRight img {

    width: 100%;

    height: 100%;

}





/*******************案例页*************************/



.case {

    overflow: hidden;

    margin-top: 3%;

}



.case .fl {

    width: 44%;

    position: relative;

}



.case .fl .caseImg1 {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 11%;

    margin: -7% auto auto -5%;

}



.case .fr {

    width: 54%;

}



.case .fr h3 {

    font-weight: bold;

    color: #6e2222;

    border-bottom: 1px dashed #b1b1b1;

    padding-bottom: 3%;

}



.case .fr h3 img {

    vertical-align: middle;

    margin-right: 3%;

    width: 6%;

}



.case .fr ul {

    margin-top: 4%;

}



.case .fr li {

    font-size: 80%;

    margin-bottom: 2%;

}



.case .fr li b {

    font-weight: bold;

}



.case .fr .caseA {

    color: #fff;

    background: #fd9340;

    text-align: center;

    width: 60%;

    border-radius: 4px;

    margin: 7% auto;

    display: block;

    padding: 2% 0;

}



.aPage {

    background: #f0f0f0;

    width: 100%;

    padding: 2% 0;

    overflow: hidden;

    margin: 3% auto;

}



.aPage ul {

    width: 65%;

    margin: 0 auto;

    overflow: hidden;

}



.aPage li {

    border: 1px solid #e2e0e0;

    background: #fff;

    float: left;

    margin-left: 1%;

    text-align: center;

    padding: 1% 3%;

}



.aPage li a {

    color: #4d4d4f;

    font-size: 80%;

}





/**********************病种页*********************/



.topTotal {

    width: 100%;

    left: 0;

    max-width: 640px;

    z-index: 999;

}



.bLogo {

    width: 100%;

    background: url(../images/blogo1.jpg) no-repeat center top;

    background-size: 100% 100%;

    overflow: hidden;

}



.bLogo .loLeft {

    float: left;

    width: 13%;

    margin: 1% 0 1% 2%;

}



.nav {

    background: #646363;

    width: 30%;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 999;

    display: none;

}



.nav li a {

    color: #fff;

}



.nav li {

    display: block;

    margin-bottom: 2%;

    text-align: center;

    color: #fff;

    border-bottom: 1px solid #fff;

    padding: 3%;

    overflow: hidden;

    font-size: 80%;

}



.nav li:nth-of-type(5) {

    border: 0;

}



.nav li img {

    width: 20%;

    margin-right: 5%;

    vertical-align: middle;

    position: relative;

    top: -2px;

}



.bLogo .loRight {

    float: right;

    width: 13%;

    margin: 1% 2% 1% 0;

}



*/ .topTotal {

    width: 100%;

    left: 0;

    max-width: 640px;

    z-index: 999;

    background: #2767AE;

}



.bLogo {

    width: 100%;

    overflow: hidden;

}



.bLogo .loLeft {

    position: absolute;

    left: 0;

    top: 0;

    width: 13%;

    margin: 1% 0 1% 2%;

}



.nav {

    background: #646363;

    width: 30%;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 999;

    display: none;

}



.nav li a {

    color: #fff;

}



.nav li {

    display: block;

    margin-bottom: 2%;

    text-align: center;

    color: #fff;

    border-bottom: 1px solid #fff;

    padding: 3%;

    overflow: hidden;

    font-size: 80%;

}



.nav li:nth-of-type(5) {

    border: 0;

}



.nav li img {

    width: 20%;

    margin-right: 5%;

    vertical-align: middle;

    position: relative;

    top: -2px;

}



.bLogo .loRight {

    position: absolute;

    right: 0;

    top: 0;

    width: 13%;

    margin: 1% 2% 1% 0;

}



.bLocation {

    border-bottom: 1px solid #898989;

    padding: 2% 2% 1% -1%;

}



.bLocation span {

    border-bottom: 3px solid #2767AE;

    padding-bottom: 0%;

}



.bLocation a {

    color: #4d4d4f;

    border-bottom: 3px solid #2767AE;

    padding-bottom: 0%;

}



.alopecia {

    background: #f1f2f2;

    padding: 2%;

}



.alopecia .aloTop {

    overflow: hidden;

    border-bottom: 1px solid #2767AE;

    padding-bottom: 3%;

}



.alopecia .aloTop .fl {

    width: 39%;

}



.alopecia .aloTop .fl img {

    border: 1px solid #b0b0b0;

    display: block;

    padding: 1%;

}



.alopecia .aloTop .fr {

    width: 57%;

}



.alopecia .aloTop .fr ul {

    margin: 5% auto;

}



.alopecia .aloTop .fr li {

    font-size: 80%;

    margin-bottom: 3%;

}



.alopecia .aloTop .fr li i {

    font-style: normal;

    color: #ab3e41;

}



.alopecia .aloBottom {

    margin-top: 3%;

}



.alopecia .aloBottom li {

    font-size: 80%;

    margin-bottom: 1%;

}



.alopecia .aloBottom li i {

    font-style: normal;

    color: #ab3e41;

}



.alopecia .aloBottom li a {

    color: #ff0000;

}



.bLine {

    margin: 2% auto;

    border-bottom: 1px solid #707070;

}



.bLine p {

    width: 20%;

    margin: 0 auto;

    /*border-bottom:2px solid #ab3e41;*/

}



.bTreat {

    background: #f1f2f2;

    border-bottom: 1px dashed #bdbdbd;

    padding-bottom: 3%;

}



.bTreat h3 {

    text-align: left;

    font-size: 120%;

    margin: 3% auto;

    margin-left: 10px;

}



.bTreat h3 i {

    font-style: normal;

    color: #ab3e41;

}



.bTreat h3 a {

    color: #6f2323;

}



.bTreat dl {

    overflow: hidden;

}



.bTreat dt {

    float: left;

    width: 40%;

    margin-left: 10px

}



.bTreat dd {

    float: right;

    width: 52%;

    margin-right: 10px

}



.bTreat dd p {

    font-size: 13px;

}



.bTreat dd p a {

    color: #ff0000;

}





/*.bList{ background:#f1f2f2;}*/



.bList ul {

    padding: 1% 2%;

}



.bList li {

    border-bottom: 1px dashed #bdbdbd;

    font-size: 80%;

    padding: 1%;

    background: url(../images/gtt.jpg) no-repeat left;

    padding-left: 5%;

}



.bList li a {

    color: #4d4d4f;

    font-size: 14px;

}



.bList li:nth-of-type(5) {

    border: 0;

}



.Care {

    border-bottom: 1px solid #898989;

    margin: 2% auto;

}



.Care h3 {

    padding-left: 1%;

    padding-bottom: 1%;

    border-bottom: 1px solid #ab3e41;

    width: 50%;

}



.careUl {

    width: 100%;

    overflow: hidden;

}



.careUl li {

    text-align: center;

    float: left;

}



.careUl li a {

    display: block;

    padding: 4% 0;

}



.careUl .careCo1 a {

    color: #ab3e41;

    background: #e6c5c6;

}



.careUl .careCo2 a {

    color: #c69c6d;

    background: #eee1d3;

}



.careUl li.careWid1 {

    width: 34%;

}



.careUl li.careWid2 {

    width: 31%;

    margin: 0 0.5%;

}



.careUl li.careWid3 {

    width: 28%;

}



.careUl li.careWid4 {

    width: 34%;

    margin: 0 0.5%;

}



.careUl li.careWid5 {

    width: 37%;

}



.careUl:nth-of-type(2) {

    margin-top: 0.5%;

}



.bButton {

    overflow: hidden;

    margin: 3% auto;

}



.bButton a {

    display: block;

    float: left;

    margin-left: 5%;

    width: 40%;

}



.bButton .butA {

    width: 26%;

}



.bButton .butB {

    margin-left: 14%;

}



.dotH3 {

    border-bottom: 1px solid #898989;

}



.dotH3 h3 {

    border-bottom: 2px solid #ab3e41;

    width: 40%;

    padding-bottom: 1%;

    padding-left: 1%;

}



.bDoctor {}



.bDoctor .bDotCont .bDotWrapper {

    margin-top: 2%;

}



.bDoctor .bDotCont .bDotWrapper .bDot {

    background: url(../images/bcon7.jpg) no-repeat center top;

    background-size: 100% 100%;

    overflow: hidden;

    padding-top: 2%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fl {

    width: 42%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr {

    width: 55%;

    margin-top: 4%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr span {

    color: #fff;

    font-size: 80%;

    background: #8c5112;

    padding: 1%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr>img {

    margin-top: 5%;

    width: 53%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr p:nth-of-type(1) {

    margin-top: 2%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr .bdotBut {

    overflow: hidden;

    margin-top: 4%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr a {

    display: block;

    width: 46%;

    font-size: 80%;

    color: #fff;

    text-align: center;

    float: left;

    padding: 2% 0;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr a:nth-of-type(1) {

    background: #fd9340;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr a:nth-of-type(2) {

    background: #6e2222;

    margin-left: 3%;

}



.bDoctor .bDotCont .bDotWrapper .bDot .fr a img {

    vertical-align: middle;

    margin-left: 2%;

}



.bDoctor .swiper-pagination-bullet-active {

    background: #a41e1a;

}



.bChoice {

    padding: 3% 1%;

}



.bChoice li div {

    border-left: 1px dashed #d0d0d0;

    margin-left: 5%;

    padding: 2% 0 2% 8%;

}



.bChoice li div img {

    border: 1px solid #a1a1a1;

    padding: 1%;

    width: 94%;

}





/**********************文章页***********************/



.wH3 {

    text-align: center;

    font-weight: bold;

    color: #47221a;

    font-size: 110%;

    margin: 9% auto 7%;

}



.articl {


    margin-bottom: 6%;

}



.articl p {

    font-size: 100%;

    color: #333;

    text-align: justify;
	width:90%;
	margin:0 auto;

}



.pinPai {

    border-bottom: 1px solid #898989;

    margin: 2% auto;

}



.pinPai h3 {

    margin-left: 2%;

    padding-left: 1%;

    padding-bottom: 1%;

    border-bottom: 1px solid #ab3e41;

    width: 19%;

}



@media (min-width: 481px) and (max-width:639px) {

    body {

        font-size: 18px

    }

    .brandActivity h3 p {

        font-size: 18px;

    }

    .lTitle p b {

        font-size: 20px;

    }

    .lTitle p {

        font-size: 16px;

    }

    .famous .fr .synopsis dl {

        font-size: 12px;

    }

    .famous .fr .synopsis div p {

        font-size: 12px;

    }

    .sickTable {

        font-size: 12px;

    }

    .alopecia .aloBottom li {

        font-size: 12px;

    }

}



@media (min-width: 321px) and (max-width:480px) {

    body {

        font-size: 14px

    }

    .brandActivity h3 p {

        font-size: 12px;

    }

    .lTitle p b {

        font-size: 14px;

    }

    .lTitle p {

        font-size: 12px;

    }

    .famous .fr .synopsis dl {

        font-size: 12px;

    }

    .famous .fr .synopsis div p {

        font-size: 12px;

    }

    .sickTable {

        font-size: 12px;

    }

    .alopecia .aloBottom li, .botMap .botBot a {

        font-size: 12px;

    }

    .commonBut a:nth-of-type(1) {

        padding: 2.3% 1%;

    }

    .articl p {

       

        text-align: justify;


    }

}



@media screen and (max-width:320px) {

    body {

        font-size: 14px

    }

    .brandActivity h3 p {

        font-size: 12px;

    }

    .lTitle p b {

        font-size: 12px;

    }

    .lTitle p {

        font-size: 12px;

    }

    .famous .fr .synopsis dl {

        font-size: 12px;

    }

    .famous .fr .synopsis div p {

        font-size: 12px;

    }

    .sickTable {

        font-size: 12px;

    }

    .alopecia .aloBottom li {

        font-size: 12px;

    }

    .commonBut a:nth-of-type(1) {

        padding: 2.3% 1%;

    }

    .expertList .fr .expBot p, .indexTure .tureRight p, .indexTure .tureRight h4, .indexTure .tureLeft p, .brandActivity li, .wxtx, .formBar input, .formBar span, .formBar select, .case .fr li, .botMap .botBot a {

        font-size: 12px;

    }


    .hideNav a {

        font-size: 14px;

    }

}



.list3_main span .a {

    width: 8%;

    display: inline-block

}



.list3_main span {

    font-size: 120%;

}





}

.list3_main {

    overflow: hidden

}

.list3_main ul li {

    background: url(../images/list_style.jpg) no-repeat 5% center;

    padding: 2% 2%;

    padding-left: 10%;

    font-size: 140%;

    border-bottom: 1px dashed #cdcdcd;

    background-size: 4%;

    overflow: hidden;

}

.list3_main ul li a {

    color: #393939;

    font-size: 80%;

}

.list3_main .divmo {

    display: block;

    padding: 2% 3%;

    text-align: center;

    font-size: 130%;

    background: #f1f1f1;

    border: .05em solid #813c3b;

    width: 50%;

    height: 30px;

    margin: 3% auto;

    color: #6f2322;

    cursor: pointer;

}

.list3_main span {

    display: block;

    padding: 2% 3%;

    text-align: center;

    font-size: 130%;

    background: #f1f1f1;

    border: .05em solid #813c3b;

    width: 55%;

    margin: 3% auto;

    color: #6f2322

}

.list3_main span .a {

    width: 10%;

    display: inline-block

}

.list3_main span img {

    width: 100%

}



/*.page {margin-bottom: 80px;}

.page ul{ padding-top:5%; padding-left:7%; width:100%}

.page ul li{ float:left; padding:2% 3%; border:.1em solid #CCC; font-size:100%; margin:.5%; background:none; list-style:none;}

.page ul li a{ color:#666666}

.page ul li:hover{ background:#732727; color:#FFF; }

.page ul li:hover a{color:#FFF}

.page ul li span{ color:#b47434}*/

.botNav {

    position: fixed;

    width: 100%;

    bottom: 0;

    max-width: 640px;

}

.botNav li {

    float: left;

    text-align: center;

}

.botNav li .navfot {

    color: #fff;

    font-size: 80%;

    padding: 6.5% 0;

    display: block;

}

.botNav li:nth-of-type(1), .botNav li:nth-of-type(2) {

    width: 20%;

}

.botNav li:nth-of-type(3), .botNav li:nth-of-type(4) {

    width: 30%;

    font-size: 110%;

}

.botNav li:nth-of-type(1) {

    background: #646363;

}

.botNav li:nth-of-type(2) {

    background: #2e3642;

    position: relative;

}

.botNav li:nth-of-type(3) {

    background: #ff8c19;

}

.botNav li:nth-of-type(4) {

    background: #992c2c;

}

.botNav li .navfot img {

    display: block;

    width: 10%;

    width: 31%;

    margin: 0 auto;

}

.botNav li .navfot span {

    display: block;

    text-align: center;

}

.botNav li:nth-of-type(2) .navfot img {

    width: 28%;

}

.botNav li:nth-of-type(3) .navfot img {

    width: 20%;

}

.botNav li:nth-of-type(4) .navfot img {

    width: 18%;

}

.botNav li:nth-of-type(3) .navfot {

    padding: 3% 0;

}

.botNav li:nth-of-type(4) .navfot {

    padding: 3% 0;

}

.hideNav a:nth-of-type(1) {

    padding-top: 5%;

}

.hideNav {

    position: absolute;

    background: #646363;

    width: 121%;

    left: 0;

    bottom: 100%;

}

.hideNav a {

    display: block;

    margin-bottom: 2%;

    color: #fff;

    border-bottom: 1px solid #fff;

    padding: 3%;

    overflow: hidden;

    font-size: 80%;

}



/*.hideNav a:nth-of-type(6){ border:0;}*/

.none {

    display: none;

}

.hideNav a img {

    width: 20%;

    margin-right: 5%;

    vertical-align: middle;

    position: relative;

    top: -2px;

}

.arp {

    width: 100%;

    overflow: hidden;

    margin: 4% 0 2%;

    border-bottom: 1px dashed #a0a0a0;

    padding-bottom: 3%

}

.arp dt {

    float: left;

    width: 38%;

}

.arp dd {

    float: left;

    width: 58%;

    font-size: 100%;

    margin-left: 3%;

    color: #6f2323;

    font-style: normal;

}

.arp dd em {

    color: #353535;

    font-style: normal;

}

.p {

    overflow: hidden;

    width: 100%;

    font-size: 100%;

    font-style: normal;

}

.p p {

    margin: 1% 0;

    padding: 0 3%;

    font-style: normal;

}

.p em {

    color: #6f2323;

    font-style: normal;

}

.p a {

    color: #ff0000;

    font-style: normal;

}

.doc-info {

    background: #f3f3f3;

    padding: 0;

    margin: 0

}

.doc-info .imginfo, .doc-info .myinfo {

    margin-left: -15px;

}

.doc-info .myinfo {

    width: 59%;

    padding-right: 0;

    margin-left: -5px;

}

.doc-info .imginfo {

    padding-right: 0;

}

.doc-info .myinfo .name {

    padding: 2%;

    border-bottom: 1px dashed #c5c5c5;

    display: block;

    font-size: 135%;

    color: #000;

}

.doc-info .myinfo ul {

    border-bottom: 1px dashed #c5c5c5;

    padding: 2% 0;

}

.doc-info .myinfo ul li {

    color: #393939;

}

.doc-info .myinfo ul li .red {

    color: #ab0000;

}

.doc-info .myinfo p a {

    color: #be1310;

}

.doc_swt a {

    display: inline-block;

    vertical-align: middle;

    padding: 1.25% 5.4%;

    color: #fff;

    margin: 3% auto;

}

.doc_swt a.limg {

    background: url(../images/con8.jpg) no-repeat;

    background-size: 100% 100%;

}

.doc_swt a.rimg {

    background: url(../images/con9.jpg) no-repeat;

    background-size: 100% 100%;

    margin-left: 5%;

}

.text-center {

    text-align: center

}

.swiper-container {

    z-index: 0;

    font-weight: normal;

}

.a_huanzh {

    background: url(../images/a_zuiz_03.jpg) no-repeat;

    background-size: 100% 100%;

    padding: 2%;

    overflow: hidden;

    margin: 2% auto;

    color: #333333;

}

.a_hanf {

    overflow: hidden;

}

.a_hanf dt {

    width: 39%;

    float: left;

}

.a_hanf dt img {

    width: 95%;

}

.a_hanf dd {

    float: left;

    width: 61%;

    font-size: .9em;

}

.a_huanzh p {

    font-size: .9em;

}



/*---------*/

.a_chuz {

    overflow: hidden;

}

.a_chia {

    width: 49%;

    float: left;

    position: relative;

}

.a_chia img {

    width: 100%;

}

.a_chia span {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    color: #fff;

    background: rgba(0, 0, 0, 0.5);

    font-size: .8em;

    padding-left: 2%;

}

.a_chib {

    width: 49%;

    float: left;

    margin-left: 2%;

    position: relative;

}

.a_chib img {

    width: 100%;

}

.a_chib span {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    color: #fff;

    background: rgba(0, 0, 0, 0.5);

    font-size: .8em;

    padding-left: 2%;

}

.a_cese {

    width: 100%;

    overflow: hidden;

    margin: 2% auto;

}

.a_cese li {

    float: left;

    width: 32%;

    position: relative;

}

.a_cese li img {

    width: 100%;

}

.a_cese li:nth-child(2) {

    margin: 0 1.9%;

}

.a_cese li span {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    color: #fff;

    background: rgba(0, 0, 0, 0.5);

    font-size: .8em;

    text-align: center;

    line-height: 1.9em;

}

.a_zuxun {

    overflow: hidden;

    background: #f6f6f6;

    margin-bottom: 2%;

}

.a_zuxun a {

    float: left;

}

.a_zuxun a:nth-child(1) {

    width: 30%;

    text-align: center;

    background: #ec6726;

    color: #fff;

    border-radius: .3em;

    margin-top: 3%;

    font-size: .8em;

    margin-left: 4%;

}

.a_zuxun a:nth-child(1) b {

    font-size: 1em;

    display: block;

}

.a_zuxun a:nth-child(2) {

    width: 50%;

    margin-left: 9%;

    margin-top: 2%;

}

.a_zuxun a:nth-child(2) img {

    width: 100%;

}

.a_bingy {

    overflow: hidden;

    margin: 2% auto;

}

.a_bingy dl {

    float: left;

    width: 32%;

}

.a_bingy dl:nth-child(2) {

    margin: 0 1.9%;

}

.a_bingy dl dt img {

    width: 100%;

}

.a_bingy dl dd {

    background: #f4f4f4;

    color: #333333;

    font-size: .8em;

    padding: 2% 3%;

}



/*xinjia*/
.title1 {

    width: 96%;

    overflow: hidden;

    background: url(../images/title1.jpg) no-repeat;

    background-size: 100% 100%;

    padding: 2% 2% 3%;

    color: #FFF;

    font-size: 120%;

} 
.title1 em {

    width: 10%;

    float: left;

    text-align: left;

    color: #2767ae

}

.title1 b {

width:90%;display: inline;

}

.ta {

    overflow: hidden;

    display: block;

}

.ta .a1 {

    display: block;

    width: 80%;

    font-size: 80%;

    text-align: left;

    color: #FFF;

    padding: 2% 0;

    background: url(../images/sm_bg2.jpg) no-repeat;

    background-size: 100% 100%;

    margin: 2% auto;

}

.ta .a2 {

    display: block;

    text-align: left;

    color: #FFF;

    padding: 1% 0;

    background: url(../images/sm_bg3.jpg) no-repeat;

    background-size: 100% 100%;

    width: 80%;

    font-size: 80%;

    margin: 2% auto;

}

.hd {

    overflow: hidden;

}

.text-center {

    text-align: center

}

.doc_swt a {

    display: inline-block;

    vertical-align: middle;

    padding: 1.25% 5.4%;

    color: #fff;

    margin: 3% auto;

}

.doc_swt a.limg {

    background: url(../images/con24.jpg) no-repeat;

    background-size: 100% 100%;

}

.doc_swt a.rimg {

    background: url(../images/con25.jpg) no-repeat;

    background-size: 100% 100%;

    margin-left: 5%;

}

.yl {

    overflow: hidden;

    width: 97%;

    margin: 2% auto;

}

.yl h1 {

    overflow: hidden;

    padding: 1% 0;

    background: url(../images/sm_bg1.jpg) no-repeat;

    font-weight: normal;

    background-size: 100% 100%;

}

.yl h1 b {

    float: left;

    width: 20%;

    color: #FFF;

    font-size: 100%;

    text-align: center

}

.yl h1 i {

    float: left;

    width: 65%;

    padding-left: 5%;

    color: #6f2323;

    font-size: 95%

}

.yl dl {

    overflow: hidden;

    width: 100%;

    margin-top: 1%;

}

.yl dt {

    float: left;

    width: 45%

}

.yl dd {

    float: right;

    width: 50%;

    background: url(../images/frame2.jpg) no-repeat;

    background-size: 100% 100%;

    padding: 2% 2%;

    font-size: 90%

}

.yl2 dt {

    float: right;

    width: 45%

}

.yl2 dd {

    float: left;

    width: 50%;

    background: url(../images/frame2.jpg) no-repeat;

    background-size: 100% 100%;

    padding: 2% 2%;

  

    font-size: 90%

}

.yl dt span {

    display: block;

    width: 100%

}

.yl dt p {

    background: url(../images/frame1.jpg) no-repeat;

    text-align: center;

    font-size: 87%;

    background-size: 100% 100%;

    padding: 2% 2%;

    margin-top: 3%

}

.yl dt p b {

    display: block

}

.yl dt a {

    display: block;

    background: url(../images/frame3.jpg) no-repeat;

    background-size: 100% 100%;

    text-align: center;

    color: #FFF;

    padding: 2% 0;

    width: 70%;

    margin: 7% auto 0;

    font-size: 70%

}

.ziti {

    font-family: Arial, "微软雅黑"

}

.jl_expert p {

    text-indent: 2em;

    line-height: 1.65rem;

    font-size: 1.1rem;

    color: #353535;

    margin: 0.8rem 0 1rem;

    text-align: left;

}

.title_1 {

    background: url(../images/top_bg.jpg) no-repeat center top;

    background-size: 100% 100%;

    height: 2.75rem;

    overflow: hidden;

    text-align: center;

    font-size: 1.4rem;

    line-height: 2.7rem;

    color: #fff;

    font-weight: bold;

    margin: 6% auto;

}

.title_1 span {

    color: #fffc00;

}

.con_dsg {

    position: relative;

    height: 11rem;

    overflow: hidden;

    margin: 1% 0 2% 0

}

.con_dsg ul li {

    text-align: center;

    font-size: 16px;

}

.con_dsg ul li a {

    color: #FFF;

}

.con_dsg ul li:nth-child(1) {

    position: absolute;

    left: 0;

    width: 50%;

    background: #6fa375;

    height: 2.5rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(2) {

    position: absolute;

    right: 0;

    width: 49%;

    background: #bd6d6d;

    height: 2.5rem;

    line-height: 2.3rem;

}

.con_dsg ul li:nth-child(3) {

    position: absolute;

    left: 0;

    width: 20%;

    background: #ff9766;

    height: 5.35rem;

    top: 2.8rem;

    padding: 2% 0;

}

.con_dsg ul li:nth-child(4) {

    position: absolute;

    left: 21%;

    width: 47%;

    background: #7eabd7;

    height: 2.5rem;

    top: 2.8rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(5) {

    position: absolute;

    left: 69%;

    width: 31%;

    background: #6fa375;

    height: 2.5rem;

    top: 2.8rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(6) {

    position: absolute;

    left: 21%;

    width: 40%;

    background: #6fa375;

    height: 2.5rem;

    top: 5.6rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(7) {

    position: absolute;

    left: 62%;

    width: 21%;

    background: #bd6d6d;

    height: 2.5rem;

    top: 5.6rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(8) {

    position: absolute;

    left: 0;

    width: 50%;

    background: #7eabd7;

    height: 2.5rem;

    top: 8.4rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(9) {

    position: absolute;

    left: 51%;

    width: 32%;

    background: #ff9766;

    height: 2.5rem;

    top: 8.4rem;

    line-height: 2.3rem

}

.con_dsg ul li:nth-child(10) {

    position: absolute;

    left: 78%;

    width: 28%;

    top: 5.6rem;

}

.con_dsg ul li:nth-child(10) img {

    width: 56%;

    height: 5.3rem;

}

.headerBanner {

    margin: 2% auto 1%;

}

.title {

    margin: 1% auto

}

.part_1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 3%;

}