@charset "gb2312";
/*reset*/
html {-webkit-text-size-adjust: 100%;}

/*防止iPhone在坚屏转向横屏时放大文字*/
/*reset*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block}
* {margin: 0;padding: 0;}
img {border: 0 none}
body {    font: 14px/1.4 "Microsoft Yahei", Arial, Helvetica, sans-serif;background-color: #fff;color: #808080;max-width: 640px;min-width: 320px;margin: 0 auto;/*padding-bottom: 1.65rem;*/}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
ul, ol, li, dl, dt, dd {list-style-type: none;}
a {color: #333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
a, input, select {-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius: 0;}
input, img {border: none;}
i, em {font-style: normal;}
:focus {outline: none;}
select {background: none;}

/* css common */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}

.fl {float: left;}
.fr {float: right;}
.blank {width: 100%;height: .3rem;margin: .1rem 0;background: #f4f4f4;border-top: 1px solid #eeeeee;}
.blank3 {width: 100%;height: .3rem;background: #f2f2f2;border-top: 1px solid #eeeeee;}
.blank40 {width: 100%;height: .4rem;}
.blank16 {width: 100%;height: .16rem;background: #f5f5f5;}
.w6{ width: 6rem; height: auto; display: block; margin: 0 auto;}

header{ height: 1rem;}
header .navBtn ,header .tel{ width:1rem; height:1rem;float: left;}
header .navBtn img{width: .47rem;  padding-top:.3rem; height: .34rem; margin: 0 auto; display: block;}
header .logo {width: 4.39rem;height: 1rem;float: left;}
header .logo img{ width: 3.46rem; height: .43rem; margin: 0 auto;display: block; padding-top: 0.25rem;}
header .tel img { width: .41rem; height:.43rem; padding-top: .2rem; margin: 0 auto; display: block;}

.banner{ width: 100%; height: auto;display: block;}
.banner img{ width: 100%; height: auto;display: block;}



footer{ width: 6.4rem; height:3.79rem; padding-top: .6rem; background:url("../images/foot_bj1.jpg") no-repeat center center;background-size:6.4rem 4.39rem;}
/*footer .foot_wx{ width:2.26rem; margin: .1rem 0 0 .36rem; height: 2.93rem;background:url("../images/foot_wx.png") no-repeat center center;background-size:2.26rem 2.93rem; float: left;}
footer .foot_js{ width:3.5rem; float: right;}*/
footer .foot_js{ width:6rem; padding-left: .4rem;}
footer .foot_js dt{ font-size: .34rem; padding-bottom: 0.2rem; font-weight: bold; color: #6b9ec9;}
/*footer .foot_js dd{ height: auto;width:3.5rem; padding:.15rem 0 0 0; color: #4d4d4d; overflow: hidden; font-size: .22rem;}*/
footer .foot_js dd{ height: auto;width:5rem; padding:.15rem 0 0 0; color: #4d4d4d; overflow: hidden; font-size: .22rem;}
footer .foot_js dd i{ width: .3rem; height: .3rem; float: left;}
footer .foot_js dd i img{ width: .3rem; height: .3rem;}
footer .foot_js dd p{ padding-left: .4rem; line-height: .28rem;}




/*----翻页----*/
#page{text-align:center; height:.40rem; margin:.30rem 0 .0rem .5rem;  }
#page li{ float:left; height:.33rem; line-height:.33rem; padding:0 .12rem; border:.01rem solid #ccc; display:inline; margin-right:.06rem; }
#page li, #page li *{ font-size:.18rem; color: #333; }
#page li.thisclass{ background-color:#6b9ec9; color:white; border: .01rem solid #6b9ec9;}
#page li.thisclass a{ color:white; }
#page li a{ display:block; color: #333; }



/*----底部门诊预约----*/

.menzhen{ width:5.98rem; margin:.36rem auto .44rem auto; height:3.69rem; border: .01rem solid #e0e0e0;}
.menzhen_c{ width: 5.98rem; border-bottom:.01rem solid #e0e0e0; height: 1.74rem; padding-top: .11rem; }
.menzhen_c div{ width: 3.7rem; padding: .22rem 0 0 .44rem; float: left;}
.menzhen_c div strong{ display: block; height: .36rem; line-height: .34rem; padding-left: 0.06rem; font-size: .34rem; border-left: .05rem solid #6299c7; color: #6299c7;}
.menzhen_c div p{ font-size: .22rem; line-height: .45rem;}
.menzhen_c div i{ width: 1.02rem; height: .32rem; line-height: .32rem; font-size: .21rem; color: #fff; text-align: center; background: #aac3de; float: left; border-radius: .03rem; margin-right: 0.08rem;}
.menzhen_c div i.i2{ background: #f9c170;}
.menzhen_c div i.i3{ background: #8ac997;}
.menzhen_c span{ float: right; padding-right: .47rem; width:1.34rem; height: 1.62rem;}
.menzhen_c span img{ width:1.34rem; height: 1.62rem;}
.menzhen_c1{ width: 50%; height: 1.84rem; float: left; text-align: center; position: relative;}
.menzhen_c1 strong{ display: block; font-size: .24rem; font-weight: normal;line-height: .4rem; color: #1a1a1a;}
.menzhen_c1 span{ width: .87rem; height: .87rem; display: block;  margin: 0 auto; padding-top: .29rem;}
.menzhen_c1 span img{ width: .87rem; height: .87rem;}
.menzhen_c1 i{ width: 0.01rem; height: 1.84rem; background: #e0e0e0; position: absolute; right: 0; top: 0;}







/*bottom nav*/
.bottomNav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1rem;
    display: -webkit-flex;
    display: flex;
    z-index: 1000;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background: linear-gradient(top, rgb(22, 142, 230), rgb(29, 119, 232) 83%, rgb(30, 103, 241) 100%);
    background: -o-linear-gradient(top, rgb(22, 142, 230), rgb(29, 119, 232) 83%, rgb(30, 103, 241) 100%);
    background: -ms-linear-gradient(top, rgb(22, 142, 230), rgb(29, 119, 232) 83%, rgb(30, 103, 241) 100%);
    background: -moz-linear-gradient(top, rgb(22, 142, 230), rgb(29, 119, 232) 83%, rgb(30, 103, 241) 100%);
    background: -webkit-linear-gradient(top, rgb(22, 142, 230), rgb(29, 119, 232) 83%, rgb(30, 103, 241) 100%);
}

.bottomNav a {
    padding-top: .18rem;
}

.bottomNav a img {
    width: .56rem;
    height: .4rem;
    display: block;
    margin: 0 auto;
}

.bottomNav a p {
    color: #ffffff;
    text-align: center;
}

.bottomNav a:nth-of-type(3) {
    width: 1.6rem;
    position: relative;
}

.bottomNav a:nth-of-type(3) div {
    position: absolute;
    top: -.68rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url("../images/swt/telImg.png") no-repeat;
    background-size: 1.6rem 1.6rem;
}

.bottomNav a:nth-of-type(3) div img {
    width: .54rem;
    height: .55rem;
    display: block;
    margin: .36rem auto 0;
    animation: rotateFn 4s linear 2s infinite;
}

.bottomNav a:nth-of-type(3) div p {
    font-size: .24rem;
    color: #ff821e;
    text-align: center;
}