/*html{*/
/*    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/

/* -webkit-filter: grayscale(100%);*/
/*}*/
html, body{background: #f3f5f8 !important;}
.header.bui-bar, .header .bui-bar, header.bui-bar, header .bui-bar {background: #fff !important;border-bottom: solid 1px #f3f5f8;}
.bui-bar .bui-bar-main{padding:10px; text-align:left}

.header.bui-bar .bui-bar-left>[class*=bui-btn]>i, .header.bui-bar .bui-bar-right>[class*=bui-btn]>i, .header .bui-bar .bui-bar-left>[class*=bui-btn]>i, .header .bui-bar .bui-bar-right>[class*=bui-btn]>i, header.bui-bar .bui-bar-left>[class*=bui-btn]>i, header.bui-bar .bui-bar-right>[class*=bui-btn]>i, header .bui-bar .bui-bar-left>[class*=bui-btn]>i, header .bui-bar .bui-bar-right>[class*=bui-btn]>i {color: #c6c6c6;}
.bui-nav-icon .bui-btn i, .bui-nav-icon .bui-btn .icon, .bui-nav-icon .bui-btn [class^=icon-], .bui-nav-icon .bui-btn [class^=bui-icon-] {  font-size: .56rem;}
.header.bui-bar .bui-bar-main, .header .bui-bar .bui-bar-main, header.bui-bar .bui-bar-main, header .bui-bar .bui-bar-main {
    color: #333;font-size: .36rem;}
.bui-bar .bui-bar-main img{ max-width: 200px;}
.bui-accordion{border:none;}
#accordion img{width:100%}
.bui-accordion>[class*=bui-btn]+dd, .bui-accordion>dt+dd, .bui-accordion>dd{background:#f3f5f8} 
.bui-accordion>[class*=bui-btn]+dd .bui-list>[class*=bui-btn],.bui-accordion>dt+dd .bui-list>[class*=bui-btn]{background:transparent}

#accordion .bui-list .bui-box{padding: 0.25rem 0.2rem;}
.class-title{position: relative;border-bottom: solid 1px #e4e4e4;padding-bottom: 15px;}
.class-title span{position: relative;padding-bottom: 18px; }
.class-title span:after{content: '';position: absolute; width: 100%; height: 3px; background: #2cc030; z-index: 9; left: 0px; bottom: 0px;}

.department  .bui-btn{
        padding: 0.3rem 0.1rem;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
.bui-tab .bui-nav .active{color:#2cc030!important;overflow:inherit !important;}
.bui-nav>[class*=bui-btn].active:after{background:#2cc030 !important;bottom:-1px}   
    
.layui-tab-brief>.layui-tab-title .layui-this { color: #2cc030;}    
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid #2cc030;height: 40px;}   

.doctor img{width:100%;height:160px; }

.news-box{position:relative; line-height:30px;}
.news-box img{max-width:100% !important; height:auto !important}
.news-box p{margin: 5px auto !important;}
.news-box,.news-box p,.news-box span{ font-size: 0.26rem !important;}

.news-box video,.news-box object, .news-box embed{margin: 0px auto; width: 640px; height: 360px;}


iframe,embed{width:100% !important; height:auto!important}

.bui-nav>.active a{color:#2cc030}

.physician-detail-img{width:120px !important; height:160px !important}

.bui-table th{background:#f3f5f8 !important}

.bui-table th, .bui-table td{text-align:center !important}

.bui-list .bui-box{padding: 0.25rem 0;}

.department-detail-img{position:relative;}
.department-detail-img img{width:100% !important}

.department-box .bui-fluid-2>li, .department-box .bui-fluid-2>[class*=bui-btn],.department-box .bui-fluid-2>[class*=span],.department-box .bui-fluid-2>* {padding: 4px;}
.department-box  .bui-nav-icon .bui-btn{border:1px solid #eee}

.bui-fluid-3>li, .bui-fluid-3>[class*=bui-btn], .bui-fluid-3>[class*=span], .bui-fluid-3>*{padding: 4px;}
.visitinfo-box td ,.visitinfo-box th{font-size: 0.2rem; padding: .2rem 0rem;}

#allmap, #allmap1 {
    width: 100%;
    height: 240px;
    overflow: hidden;
    margin: 0;
}
footer{font-size:0.24rem}

.container video, .container object, .container embed {
    margin: 0px auto;
    width: 100%;
    height: 200px;
}

/*图片*/
.img-box {position: relative; width: 100%;height:110px; overflow: hidden; cursor: pointer;}
.img-box img{width: 100%; min-height: 100%; overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease; background: #f4f4f4;}
.img-box i{position: absolute; color: #fff; font-size: 30px; z-index: 99; text-shadow: 0 0 6px rgba(0,0,0,0.2);}
.img-box:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.img-box-md{height: 280px;}
.img-box-sm{height: 160px;}
.img-box-xs{height: 100px;}
.img-box .text{position: absolute; left: 0; bottom: 0; width: 100%; padding:0 15px; text-align: center; line-height: 40px; color: #fff; font-size: 14px; z-index: 99; background: rgba(199,1,6,0.8);box-sizing: border-box; }



#paging{ margin:15px auto 0px auto; text-align: center; border-top: solid 1px #eee; padding-top: 15px;}
#paging a{font-size: 14px;height: 30px; line-height: 30px;}
#paging .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #2cc030; font-weight: bold;height: 30px; line-height: 30px;border-radius: 0px;}
#paging .layui-laypage a, #paging .layui-laypage span{height: 30px; line-height: 30px; margin: 0 5px;overflow: hidden; padding: 0 10px;}
#paging .layui-laypage a:hover{background: #f4f5f6; color: #2cc030;}


/*右侧浮动菜单*/
.rightmenu {position:fixed;right:40px; height: 480px; z-index: 99999; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.rightmenu i{color: #8f8f8f;}
.rightmenu .menu {position:relative;background:#fff;width:60px;height:60px; padding: 10px; border-radius: 2px; text-align:center;font-size:14px;margin-bottom:10px;box-shadow:0 0 6px rgba(0,0,0,0.1);cursor:pointer; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; box-sizing: border-box;}
.rightmenu .menu:hover{background: #2cc030; color: #fff;}
.rightmenu .menu:hover i{color: #fff;}
.rightmenu .menu img {display:none;width:140px;height:150px;left:-150px;top:-60px;position:absolute;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.rightmenu .menu:hover img {display:block;}
.scroll {position: absolute;right: 0px; bottom: 0px; width:60px;height:60px;border-radius: 2px; background:#2cc030;color:#fff;line-height:60px;text-align:center;cursor:pointer;}
.scroll i {font-size:30px; color: #fff;}
.rightmenu a p{display: none;}
.rightmenu a:hover p{display: block;}
.rightmenu a:hover i{display: none;}

.container{position:relative; padding:0 !important}

.container *{margin:auto 0 !important}
.container table{width:100% !important;height:auto;}

.container img{max-width:100% !important;height:auto;}

@media screen and (min-width: 1200px){
.layui-container {width: 1400px !important; margin: 0 auto;}
}


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


}
@media only screen and (max-width: 768px){


}
@media only screen and (max-width: 415px){

}

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

	
	
	}