﻿/* 布局 版面 */



/* 科室简介 */

.ksjjMore{max-width:640px;margin:0 auto}

.ksjjMore-top{position: relative; width: 6.04rem; height: 2.75rem; margin:0 auto; margin-top: 0.12rem; border-radius: 0.05rem; background: url(../images/morebg1.jpg) no-repeat #fff left center; background-size: 2.26rem 2.75rem;  box-shadow:0 0.06rem 0.05rem #C0BBBB;}

.ksjjMore-top .morebtn{width: 0.57rem; height: 0.14rem; position: absolute; top: 0.22rem; right: 0.18rem;}

.ksjjMore-top .morebtn img{display: block;width: 0.57rem; height: 0.14rem; }

.ksjjMore-top ul{width: 3.34rem; float: right; margin-right: 0.22rem; margin-top: 0.35rem;}

.ksjjMore-top li{width: 100%; height: 0.52rem; border-bottom: 0.02rem dashed #d6d6d6; }

.ksjjMore-top li a{width: 3.34rem;height: 0.52rem;  overflow: hidden; display: block; font-size: 0.24rem; color:#5c5c5c; line-height: 0.52rem; }

.ksjjMore-classify{width: 98%; height: 1.5rem; margin:0.15rem auto;overflow: hidden;}

.ksjjMore-classify dd{display: block; float: left; width: 1.46rem; height: 0.59rem; background: #fff; margin:0.02rem 0.025rem; line-height: 0.59rem; border:1px solid #bfbfbf; border-radius: 0.05rem;}

.ksjjMore-classify dd a{display: block;font-size: 0.24rem; color:#6f6f6f; text-align: center;}

.ckksMore-top{background: url(../images/morebg2.jpg) no-repeat #fff left center; background-size: 2.26rem 2.75rem; }



/* 新闻资讯 */

.homepage-news{width: 6.03rem; height:6.04rem; margin:0 auto; background: #fff;}

.homepage-news h1{position: relative; width: 100%; height: 1.02rem;text-align: center; border-bottom: 1px dashed #e1e1e1; padding-bottom: 1px; background: url(../images/xwzxheader.jpg) no-repeat top center; background-size: 6.03rem 1.02rem; }

.homepage-news p span{ float:left; font-size: 0.2rem; font-weight:  normal; text-align: center; font-style:normal; }

.homepage-news .switch-tabs{width: 1rem; height: 0.87rem; line-height: 0.87rem; position: absolute; right:0; bottom:0; margin-right: 0.25rem; overflow: hidden;}

.homepage-news .switch-tabs a{cursor: pointer;width: 100%;display: block; font-size: 0.20rem;  color:#393939;  font-weight:  normal; background: url(../images/icon_change.png) no-repeat left center; background-size: 0.24rem 0.18rem; text-align: left;}

.homepage-news .switch-tabs span{ margin-left: 0.28rem; }

.homepage-news-mains{width: 100%; height: 4.77rem; margin:0 auto; overflow: hidden;}

.homepage-news-main{width: 100%; height: 4.77rem; margin:0 auto;}

.homepage-news-img{position: relative; width:5.58rem; height: 2.41rem; margin:0.17rem auto;}

.homepage-news-img h3{position: absolute; left:0; bottom: 0; background:  rgba(92,208,220,0.67); width: 100%;  height: 0.43rem; margin:0 auto; font-size: 0.24rem; font-weight: normal; color:#fff; line-height: 0.43rem; text-align: center;}

.homepage-news-article{width: 100%; height: 2.18rem; margin:0 auto;}

.homepage-news-article ul{width: 90%; height: auto; margin: 0 auto;}

.homepage-news-article li{height: 0.48rem; border-bottom: 2px dotted #e6e6e6; margin:0 auto;}

.homepage-news-article li a{display: block;  width: 100%; height: 0.45rem; line-height: 0.45rem;}

.homepage-news-article li b{float: left; display: block; width: 0.14rem; height: 0.15rem; margin-top: 0.18rem; margin-left: 0.05rem; border-radius: 0.05rem;}

.homepage-news-article li:first-child b{background: #afe8ee;}

.homepage-news-article li:nth-child(2) b{background: #c8eade;}

.homepage-news-article li:last-child b{background: #efd6c7;}

.homepage-news-article li p{float: left; font-size: 0.24rem; color:#393939; line-height: 0.48rem; margin-left: 0.12rem;}

.homepage-news-article a.more{float: right; margin-right: 0.39rem;  display: block; height: 0.28rem;  margin-top: 0.21rem;width: 27%;}

.homepage-news-article a.more b, .homepage-news-article a.more b img{display: block; width: 0.36rem; height: 0.28rem;}

.homepage-news-article a.more span{line-height: 0.28rem; font-size: 0.20rem; color:#3ab9c3; margin-left: 0.05rem}

.homepage-news-mains {width: 100%;height: auto;margin: 0 auto;}

.homepage-news-mains .homepage-news-main.block {display: block;width: 100%;margin: 0 auto;}

.homepage-news-mains .homepages-img .bannerhd ul .on{background:#333}



/* 20190429 */

.homepage-news-mains{width: 100%; height: 4.77rem; margin:0 auto; overflow: hidden;}

.homepage-news-main{width: 100%; height: 4.77rem; margin:0 auto;}

.homepage-news-img{position: relative; width: 88%; height: 2.39rem; margin:0.16rem auto;}

.homepage-news-img h3{position: absolute; left:0; bottom: 0; background:  rgba(40,40,40,0.61); width: 100%;  height: 0.59rem; margin:0 auto; font-size: 0.24rem; font-weight: normal; color:#fff; line-height: 0.59rem; text-align: center;}

.homepage-news-img .bannerhd{width:100%;height:.06rem;position:absolute;z-index:1;bottom:0.15rem;left:50%; margin-left:-0.32rem; text-align:center}

.homepage-news-img .bannerhd ul{width:100%;display:block;height:.06rem;text-indent:-99rem;margin:0 auto}

.homepage-news-img .bannerhd li{display:block;float:left;width:0.06rem;height:0.06rem;background:#999;overflow:hidden;margin:0;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;margin:auto 0.05rem;

text-indent:-99rem;}

.homepage-news-img .bannerhd ul .on{background:#333}

.homepage-news-img .bd{}

.homepage-news-img .bd a{display:block}

.homepage-news-img .bd img{display:block; width:5.31rem;height:2.41rem;}



/* 专家 */

.ExpertBox{width: 6.04rem; height: 7rem; margin:0.2rem auto;}

.ExpertBox-tit{position: relative; z-index: 0; width: 100%; height:0.81rem; margin:0 auto; text-align: center; padding-top: 0.21rem;  box-shadow:0 0.05rem 0.15rem #d8d3d3;  background: url(../images/ExpertBoxHeader.jpg) no-repeat top center; background-size: 6.04rem 1.07rem; }

.ExpertBox-tit h1{ font-size: 0.28rem; color:#404040; margin-top: 12px;}

.ExpertBox-tit p{font-size: 0.22rem; color:#474747;}



.ExpertBox-main{ width: 100%; height: 4.57rem;  margin:0 auto; position:relative; overflow:hidden; box-shadow:0 0.08rem 0.18rem #d7d6d6;  }

.ExpertBox-main .hd{ display: none; width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }

.ExpertBox-main .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; }

.ExpertBox-main .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;}

.ExpertBox-main .hd ul .on{ background:#FE6C9C;}

.ExpertBox-main .bd{ width: 100%; height: 4.57rem;  }

.ExpertBox-main .bd li {position:relative; z-index:0; width:100%;height: 4.57rem;   background: url(../images/zjbg.jpg) no-repeat; background-size: 6.04rem 4.57rem; }

.ExpertBox-img{ position: absolute; left:0; bottom:0; z-index: 1; display: block; width: 3.22rem; height: 4.44rem; }

.ExpertBox-img a{display: block;}

.ExpertBox-img img{ display: block; width: 3.22rem; height: 4.44rem;}

.ExpertBox-Introduction{ position: absolute; right:0.38rem; top:0.7rem; z-index: 2; color:#fff; width: 2.88rem; height: 3.52rem; border:1px solid rgba(255,255,255,0.75); background: rgba(165,153,224,0.63);}

.Introduction90{width: 90%; height: 100%; margin:0 auto;}



.ExpertBox-Introduction h1,.ExpertBox-Introduction h2, .ExpertBox-Introduction b{font-weight: normal;}

.ExpertBox-Introduction h1{ display: block; font-size: 0.33rem; margin:0.22rem auto 0 auto;}

.ExpertBox-Introduction h1 a{ font-weight: bolder; font-size: 0.33rem; color:#fff;}

.ExpertBox-Introduction h1 span{ font-weight: bolder; font-size: 0.25rem; margin-left: 0.1rem;}

.ExpertBox-Introduction h2{font-size: 0.24rem;}

.ExpertBox-Introduction .hr{width: 100%; height: 1px; margin:0.14rem auto; background: rgba(255,255,255,0.46);}

.ExpertBox-Introduction b{ display: block; width: 0.8rem; height: 0.36rem; background: #a599e0; border-radius: 0.05rem; font-size: 0.25rem; text-align: center;}

.ExpertBox-Introduction p{font-size: 0.24rem; line-height: 0.34rem; margin:0.05rem auto;}



.Expert-recomm{width: 100%; height: 1.05rem; margin:0 auto; margin-top: 0.22rem;}

.Expert-recomm dd{float: left; width: 2.1rem; margin-left: 0.15rem;}

.Expert-recomm dd .fl{width: 0.9rem;

 height: 0.9rem;

border-radius:50%;

-moz-border-radius: 50%;

 -webkit-border-radius: 100%;

 overflow: hidden;}

.Expert-recomm dd span{display: block; width: 0.90rem; height: 0.90rem; border-radius: 0.5rem; border:0.04rem solid #fff;box-shadow:0 0 0.22rem #ABABAB;overflow: hidden}

.Expert-recomm dd .fl img{display: block; width: 0.90rem;}

.Expert-recomm dd .fr{width: 1.02rem;}

.Expert-recomm dd .fr a{display: block; font-size: 0.2rem; color:#737373;}

.Expert-recomm dd .fr p{font-size: 0.15rem; color:#737373;}

.Expert-recomm dd .fr .zjqh-btns{display: block; width: 1.02rem; height: 0.31rem; line-height: 0.31rem; font-size: 0.21rem; color:#fff; text-align:  center; background: #3ab9c3; margin-top: 0.05rem;}

.Expert-recomm dt{float: right; margin-right: 0.25rem; display: block; width: 1rem; height: 0.89rem; background: url(../images/recomm.png) no-repeat; background-size:  1rem 0.89rem; padding-top:0.1rem;}

.Expert-recomm dt a{display: block; width: 1rem; height: 0.89rem; font-size: 0.26rem; color:#ffffff; line-height: 0.31rem; text-align: center;}



 @media (min-width:321px)and (max-width:479px) {/* 兼容安卓5.0 5.5 */

 	.homepage-news-article a.more{width: 33%;}

}





 @media (min-width:0px) and (max-width:320px) {/* 兼容安卓小屏 苹果4 or 5 */

 	.homepage-news-article a.more{width: 33%;}

}



 @media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone 6 or 6s */

 	.homepage-news-article a.more{width: 28%;}

}



 @media (device-width:414px) and (-webkit-min-device-pixel-ratio:3) {/* 兼容iphone 6 plus or 6s plus */

}



 @media (min-width:480px)and (max-width:639px) {/* 兼容安卓6.0以上 */

}