﻿*{padding:0; margin:0; }
html { font-size:100px;max-width:640px; margin:0 auto }
body{ font-family:"microsoft yahei"; background: #fff;padding-bottom:60px;max-width:640px; position: relative; overflow-x:hidden}
img{ max-width:100%; vertical-align:middle}

input, select { vertical-align: middle; border: 0 }
input, select{-webkit-appearance: none;}
i,em{ font-style:normal}
ul,li{ list-style:none}
a{ text-decoration:none}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.fr{ float:right}
.fl{ float:left}
/*head*/
header{font-size:0 !important; box-shadow: 0 2px 10px #ccc; position: relative;}
header img{ position: relative;}
header div{width: 1.1rem; font-size: 0; margin-top: .28rem; position: absolute; right: 0; top:.12rem;}
header div img{width: .43rem; height: .31rem; display: block; margin: 0 auto;}

nav{width:6.4rem;border-bottom: 1px solid #eeeeee;  text-align: center;display: flex; flex-direction: row;justify-content:space-around;}
.nav{width:100%; display: flex; flex-direction: row;justify-content:space-around; height:.85rem;  }
.nav li{width:1.06rem; border-right: 1px solid #eeeeee; } 
.nav li a{ display: block;width: 100%; color: #888888; font-size: .28rem;line-height:.85rem;} 


.menu-box{ width:6.4rem; height:100%; background:url(../images/mo.png) repeat; color:#fff; position: absolute; top:0; left:0; z-index:9999; display:none;}
.mnav{ width:6.4rem; height:0.85rem; border-bottom:1px solid #4c7b83; padding-top:0.25rem;}
.back{ width:0.33rem; height:0.51rem; margin-left:0.35rem; margin-right:0.55rem;}

.sousuo{ float:left; width:5rem;}
.sousuo img{ width:0.32rem; height:0.32rem; display:block; float:left; }
.sousuo p{ float:left; width:3.5rem; height:0.45rem; background:#fff; border-radius:0.6rem; padding-left:0.2rem; padding-top:0.15rem; font-size:0.24rem; }
.sousuo p input{ float:left; width:2.9rem; height:0.32rem; line-height:0.32rem; border:none; font-size:0.24rem; text-indent:0.11rem; padding:0; margin:0;}

.anniu2{ float:right; width:1.1rem; height:0.6rem; text-align:center; line-height:0.6rem; color:#fff; background:#3ad1ec; border:none; font-size:0.24rem;  border-radius:0.6rem; }
.xm-list h2{ position:relative; background:url(../images/quan.png) 0.05rem 0.15rem no-repeat; background-size:0.16rem; width:5.4rem; height:0.6rem; margin:0.2rem auto 0; padding-left:0.3rem; border-bottom:1px solid #1ef3f6;}
.xm-list h2 a{ color:#1ef3f6; font-size:0.3rem; font-weight:normal; display: block;}

.menu-box>img{ display:block; width:3.91rem; height:0.61rem; margin:0.6rem auto;}
.top_tel{margin:.5rem auto;width:3.91rem; display:block;}
/*banner*/
.banner{width:6.4rem; margin:0 auto;  overflow:hidden; position:relative }
.ban_tit{ font-size:0; position:absolute;   z-index:1; bottom:10px; left:45%}
.ban_tit li{width:10px; height:10px; float:left;background:#ffffff;    border-radius: 10px; margin-left:8px}
.ban_tit li.on{ background:#1ba3b1}
.ban_bod{ width:6.4rem;position:relative;}
.ban_bod ul li{width:6.4rem; float:left;}
.banner img{display:block; font-size:0;width:6.4rem; }

/*病种*/
.bz_sideMenu{}
.bz_tit{width: 6.4rem; background:#eeeeee url(../images/bz_xl01.jpg) right .55rem center no-repeat; margin-bottom: .05rem;  padding:.18rem .55rem;background-size:5% ; box-sizing:border-box}
.bz_tit img{width: .45rem; height: .52rem; float: left; font-size: 0; margin-right: .15rem;}
.bz_tit div{width: 3.15rem; float: left;}
.bz_tit div b{ font-size: .28rem; color: #1ba3b1; display: block; height: .32rem; line-height: .32rem;}
.bz_tit div span{ font-size: .14rem; color: #a3a0a0; display: block; line-height: .2rem; height: .2rem;}

.bz_bd{width:6rem;margin: .4rem auto 0;  display: flex; flex-direction: row;justify-content: space-between;flex-wrap:wrap }
.bz_bd li{width: 1.9rem; border: 1px dashed #d5d5d5; padding: .18rem; margin-bottom: .18rem; box-sizing: border-box; border-radius: .1rem;}
.bz_bd a{color:#605e5e; font-size: .22rem; }
.bz_bd a img{ display: block; margin: 0 auto;}
.bz_bd a span{ display: block; text-align: center; margin-top: .15rem; height: .26rem; line-height: .26rem;}
.bz_tit.on{ background:#eeeeee url(../images/bz_xl02.jpg) right .55rem center no-repeat; background-size:5% ;}

/*doc*/
.doc{margin: .48rem auto 0;}
.con_tit{width: 6rem; line-height: .35rem;height: .35rem; border-bottom: 1px solid #eeeeee; padding:0 .2rem .15rem ;}
.con_tit span{font-size: .3rem; color: #444444; float: left; margin-right: .1rem;}
.con_tit em{ color: #a3a0a0; font-size: .2rem; float: left;}
.con_tit a{ font-size: .18rem; color: #fff;border-radius: .04rem; float: right;width: .95rem; height: .35rem; line-height: .35rem; text-align: center; background: #aaaaaa;}

.doc_tit{width: 6rem; margin: .35rem auto 0;}
.doc_tit ul{display: flex; flex-direction: row;justify-content:space-around;}
.doc_tit ul li{font-size: .24rem; cursor: pointer; height: .6rem; width: 1.9rem; border-radius: .06rem; text-align: center; line-height: .6rem;color: #fff; background: #1ba3b1;}
.doc_tit ul li img{ display: inline-block;width: .23rem; height: .3rem; margin-right: .1rem; } 
.doc_tit ul li.on{background: #cdb085;}

.doc_bod{width: 6rem; margin: .35rem auto 0;}
.doc_bod dl{width: 6rem; display: flex; flex-direction: row;justify-content:space-around; }
.doc_bod dl dt{position: relative;width: 2.57rem; height: 3.42rem;}
.doc_bod dl dt img{ position: relative; display: block; font-size: 0;}
.doc_bod dl dt div{position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; height: .6rem; font-size: .29rem; line-height: .6rem; text-align: center; background: #59b8c5;}
.doc_bod dl dt div span{ font-size: .2rem; display: inline-block; margin-left: .1rem;}

.doc_bod dl dd{width: 3.06rem; font-size: .17rem; color: #4a4a4a;height: 3.42rem;}
.doc_bod dl dd p{ margin-bottom: .1rem; line-height: .26rem;}
.doc_bod dl dd div{display: flex; flex-direction: row;justify-content:space-around; margin:.15rem auto 0;}
.doc_bod dl dd div a{ font-size: .2rem; color: #666666; width: 1.4rem; height: .6rem; line-height: .6rem; text-align: center; border: 1px dashed #bfbfbf;}

/*tg*/
.tg{ margin: .48rem auto 0;}
.tg ul{ display: flex; flex-direction: row;justify-content:space-around; margin: .4rem auto; }
.tg ul li{width: 1.12rem; height: 1.12rem; padding:.4rem; background:#fbfbfb;border-radius:.1rem}
.tg ul li img{ display: block; font-size: 0;width: 1.12rem;}
.tg_p{width: 6rem; box-sizing: border-box; margin: 0 auto; color: #666666; font-size: .18rem; border-left: .04rem solid #6dc4cd; padding-left: .2rem; line-height: .26rem; height: .78rem;}

/*foot*/
.foot{ background: #eeeeee; padding: .45rem 0; margin: .4rem auto 0;}
.foot img{width: 4.04rem; height: 2.17rem; display: block; margin: 0 auto;}
.foot ul{width: 5.6rem; margin: .3rem auto; display: flex; flex-direction: row;justify-content:space-around;}
.foot ul li{font-size: .18rem; padding-right: .2rem; height: .2rem; line-height: .2rem; width: 1.4rem; box-sizing: border-box; }
.foot ul li:last-child{ padding-right: 0;}
.foot ul li a{color: #333333; padding-right: .2rem;}
.foot div{ font-size: .18rem; color: #333333; text-align: center; line-height: .3rem;}
.foot p{ font-size: .18rem; color: #333333; text-align: center; line-height: .3rem;}


/*list*/
.banner_list{width: 6.4rem; margin: 0 auto;}
.banner_list a{ display:block}
.banner_list img{ display: block; font-size:0; width:6.4rem}

.posi{font-size: .2rem; line-height: .65rem;  margin: .3rem auto 0; background:#eeeeee url(../images/posi.png) .2rem center no-repeat; height: .65rem;width:6.4rem; box-sizing: border-box; padding: 0 .2rem 0 .6rem; background-size:4%;}
.posi a{color: #666666; display: inline-block;}

.list_con{width: 6rem; margin: .3rem auto;}
.list_con ul{display: flex; flex-direction: row;justify-content: space-between;flex-wrap:wrap ; }
.list_con ul li{background: #fe9394; margin-bottom: .15rem; border-radius: .1rem; font-size: .3rem;width: 2.15rem; height: .63rem; line-height: .63rem; text-align: center;}
.list_con ul li a{color: #fff;}
.list_con ul li:nth-of-type(1){ background: #fe9394;}
.list_con ul li:nth-of-type(2){ background: #ffb787;}
.list_con ul li:nth-of-type(3){ background: #39bdbf;}
.list_con ul li:nth-of-type(4){ background: #ffb787;}
.list_con ul li:nth-of-type(5){ background: #39bdbf;}
.list_con ul li:nth-of-type(6){ background: #fe9394;}
.list_con ul li:nth-of-type(7){ background: #39bdbf;}
.list_con ul li:nth-of-type(8){ background: #fe9394;}
.list_con ul li:nth-of-type(9){ background: #ffb787;}


.weui_media_text{ border-bottom: 1px dashed #d2d2d2; padding-bottom: .2rem; margin-top: .2rem;}
.weui_media_title{font-size: .24rem; color: #666666; font-weight: 400; height: .3rem; line-height: .3rem;}
.weui_media_desc{font-size: .18rem; color: #949393; margin-top: .15rem; line-height: .24rem; height:.48rem}

.weui_media_text div{font-size: .16rem; color: #949393; height: .2rem; line-height: .2rem; margin-top: .15rem;}
.weui_media_text div span{display: inline-block; background: url(../images/sj.jpg) left center no-repeat; float: left; padding-left: .25rem;background-size:9%}
.weui_media_text div em{display: inline-block;background: url(../images/ll.jpg) left center no-repeat; float: right;padding-left: .25rem;background-size:21%}

.js-load-more{width: 3.1rem; height: .7rem; line-height: .7rem;font-size: .28rem; background: #1ba3b1; text-align: center; margin: .3rem auto 0; cursor: pointer;}
.js-load-more a{ color: #fff;}
.js-load-more span{ margin-right: .1rem;}
.js-load-more p{ color: #fff;}

/*arc*/
.arc_con{ margin:.3rem auto 0;}
.arc_con_tit{}
.arc_con_tit h1{font-size: .28rem; color: #666666; font-weight: 100; text-align: center; line-height: .3rem;}
.arc_con_tit div{width:3.3rem;margin: .1rem auto 0; font-size: .16rem; color: #949393; height: .2rem; line-height: .2rem; margin-top: .15rem;}
.arc_con_tit div span{display: inline-block; background: url(../images/sj.jpg) left center no-repeat; float: left; padding-left: .25rem;background-size:10%}
.arc_con_tit div em{display: inline-block;background: url(../images/ll.jpg) left center no-repeat; float: right;padding-left: .25rem;background-size:26%}
.arc_con_tit p{width: 6rem;margin: .25rem auto 0; text-align: center; line-height: .55rem;  font-size: .18rem; color: #666666;border: 1px dashed #b5b5b5;}

.arc_bod{width:6rem;font-size: .18rem; color: #666666; margin: .3rem auto 0; line-height: .3rem;}
.arc_bod img{ margin: 0 auto; display:block; font-size:0}

.arc_zx{display: flex; flex-direction: row;justify-content: space-around; margin: .4rem auto 0;}
.arc_zx a{font-size: .26rem; color: #fff;width: 2.75rem;padding-left: .3rem; box-sizing: border-box; height: .7rem; line-height: .7rem; text-align: center;}
.arc_zx a:nth-of-type(1){ background:#1ba3b1 url(../images/arc_tel.jpg) .3rem  center no-repeat; background-size:12%;}
.arc_zx a:nth-of-type(2){ background:#ffa569 url(../images/arc_zx.jpg) .3rem center no-repeat;background-size:12%;}

.arc_next{ margin: .3rem auto 0; width: 6rem;font-size: .22rem;color: #7c7b7b;height: .4rem; line-height: .4rem;}
.arc_next a{ color: #7c7b7b;display: inline-block; }


/*doc_con*/
.doc_con{ background: #eeeeee;width: 6rem; margin: 0 auto; padding:.4rem .2rem .2rem ;}

.doc_con ul{display: flex; flex-direction: row;justify-content: space-between;flex-wrap:wrap ; }
.doc_con ul li{background: #fe9394; margin-bottom: .15rem; border-radius: .1rem; font-size: .24rem;width: 1.96rem; height: .63rem; line-height: .63rem; text-align: center;}
.doc_con ul li a{color: #fff;}
.doc_con ul li:nth-of-type(1){ background: #fe9394;}
.doc_con ul li:nth-of-type(2){ background: #ffb787;}
.doc_con ul li:nth-of-type(3){ background: #39bdbf;}
.doc_con ul li:nth-of-type(4){ background: #ffb787;}
.doc_con ul li:nth-of-type(5){ background: #39bdbf;}
.doc_con ul li:nth-of-type(6){ background: #fe9394;}
.doc_con ul li:nth-of-type(7){ background: #39bdbf;}
.doc_con ul li:nth-of-type(8){ background: #fe9394;}
.doc_con ul li:nth-of-type(9){ background: #ffb787;}

.doc_con dl{display: flex; flex-direction: row;justify-content: space-around; padding-top: .35rem; background: #fff; margin-top: .35rem; padding-bottom:.15rem}
.doc_con dl dt{width: 2.22rem;}
.doc_con dl dt img{display: block; font-size: 0; width:2.22rem;height:1.82rem}

.doc_con dl dd{width: 3.47rem;}
.doc_con dl dd div:nth-of-type(1){font-size: 0; height: .3rem;line-height: .3rem;}
.doc_con dl dd div:nth-of-type(1) span{font-size: .28rem; color: #1ba3b1; margin-right: .1rem; display: inline-block;}
.doc_con dl dd div:nth-of-type(1) em{ font-size: .22rem; color: #666666; display: inline-block;}
.doc_con dl dd div:nth-of-type(2){font-size: .17rem; color: #666666; margin-top: .1rem; line-height: .3rem;}

.doc_con dl dd div:nth-of-type(3){font-size: 0;margin-top: .1rem; }
.doc_con dl dd i{font-size: .21rem; color: #666666;  margin-bottom: .1rem; }

.doc_con dl dd div:nth-of-type(3) p{display: inline; font-size: .18rem;color: #666666; line-height: .3rem; }

.doc_con dl dd div:nth-of-type(4){margin-top: .2rem; font-size: 0;display: flex; flex-direction: row;justify-content: space-around;}
.doc_con dl dd div:nth-of-type(4) a{font-size: .22rem; border-radius: .1rem; color: #fff;width: 1.6rem;height: .5rem;text-align: center; line-height: .5rem;}
.doc_con dl dd div:nth-of-type(4) a:nth-of-type(1){background: #1ba3b1;}
.doc_con dl dd div:nth-of-type(4) a:nth-of-type(2){background: #d4bb91;}

/*bz*/
.bz{width: 6rem; margin: .3rem auto 0;}
.bz ul{display: flex; flex-direction: row;justify-content: space-between;}
.bz ul li{width: 1.36rem; padding: .07rem 0;}
.bz ul li a{display: block;}
.bz ul li img{display: block;width: .82rem; height: .82rem; font-size: 0; margin: 0 auto;}
.bz ul li span{display: block; color: #fff; font-size: .22rem; text-align: center; line-height: .4rem;}

.bz ul li:nth-of-type(1){background: #eb758b;}
.bz ul li:nth-of-type(2){background: #f1c4dd;}
.bz ul li:nth-of-type(3){background: #f2d0b1;}
.bz ul li:nth-of-type(4){background: #93ddea;}

.bz_fm{width: 6rem; margin: .3rem auto 0;}
.bz_fm img{display: block; font-size: 0;}

/*bz_con01*/

.bz_contit{width: 6rem;  border-bottom: 2px solid #05a6c2; position: relative; margin:0 auto .5rem; text-align: center; padding-top: .7rem; }
.bz_contit p{width:3.5rem;color: #000; position: absolute; font-size: .3rem;background: #f4f4f4; left: 50%; margin-left: -1.75rem; height: .4rem; line-height: .4rem; margin-top: -.2rem;}
.bz_con01{width: 6rem; margin: 0 auto; background: #f4f4f4; padding-bottom: .4rem;}
.bz_con01 ul{width:5.8rem;margin: 0 auto;  display: flex; flex-direction: row;justify-content: space-between;flex-wrap:wrap ;}
.bz_con01 ul li{width: 1.42rem; padding: .1rem 0; background: #fff; margin-bottom: .04rem;}
.bz_con01 ul li a{display: block;}
.bz_con01 ul li img{display: block;width: .47rem; height: .47rem; font-size: 0; margin: 0 auto;}
.bz_con01 ul li span{display: block; color: #5b5a5a; font-size: .22rem; text-align: center; line-height: .3rem; margin-top: .1rem; }

.bz_con02 .bz_contit p{ background: #fff;}
.bz_con02{width: 6rem; margin: 0 auto;}

.bz_hd{}
.bz_prev{float: left; background: url(../images/bz_left.jpg) left center no-repeat; background-size:100% ;width: .21rem;height: .82rem;}
.bz_next{float: right; background: url(../images/bz_right.jpg) right center no-repeat; background-size:100% ;width: .21rem;height: .82rem;}
.bz_hd ul{overflow: hidden; float: left; margin: 0.11rem auto;width: 5.55rem;height: .6rem }
.bz_hd ul li{margin-left: .15rem; cursor: pointer; float: left; font-size: .26rem; color: #5b5a5a;border: 1px solid #5b5a5a;box-sizing: border-box; width: 1.22rem;height:.6rem;line-height:calc(.6rem - 2px); text-align: center;}
.bz_hd ul li.cur{ border: 1px solid #05a6c2; color: #05a6c2;}


.bz_bd{}
.bz_bd dl{background: #f4f4f4; height: 3rem;display: flex; flex-direction: row;justify-content: space-between;}
.bz_bd dl dt{width: 3.9rem; text-align: center; padding:.2rem; box-sizing:border-box;}
.bz_bd dl dt p{font-size: .2rem; color: #9e9e9e; line-height: .3rem;  }
.bz_bd dl dt a{font-size: .2rem; font-weight: bold; color: #0fa2bc;display: block; margin-top:.2rem;}
.bz_bd dl dd{width: 2.1rem; height: 3rem;}
.bz_bd dl dd img{display: block; font-size: 0; height:100%}




.bz_con03 .bz_contit p{ background: #fff;}
.bz_con03{}
.bz_con03 dl{width:6rem; padding:0 .2rem .15rem .2rem;margin: .2rem auto 0; border-bottom: 1px dashed #cccccc; display: flex; flex-direction: row;justify-content: space-between;}
.bz_con03 dl dt{width: .57rem; height: .57rem;}
.bz_con03 dl dt img{display: block; font-size: 0;}

.bz_con03 dl dd {width: 5.2rem;}
.bz_con03 dl dd a{display: block;}
.bz_con03 dl dd h2{color: #444444;font-size: .24rem; line-height: .32rem; height: .32rem;}
.bz_con03 dl dd p{color: #d5cccc;font-size: .2rem; height: .22rem; line-height: .22rem; margin-top: .03rem;}
