<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


/*banner轮播图*/
.banner{margin:0 auto;position:relative; overflow:hidden; width:980px; margin:0 auto;}
.swiper-container{height:349px;}
.banner .arrow_btn{ position: absolute; top: 250px !important; z-index: 2;width: 34px !important;height: 32px !im!important;margin-top: 0px !important; border-radius: 0px; opacity:1 !important; text-indent: -9999px; background-repeat: no-repeat; transition: none !important;cursor: pointer;}
.banner .arrow-left{ left: 60px !important; background:url(/Content/Areas/Hospitals/images/Main/btn1.jpg) no-repeat left bottom;}
.banner .arrow-right{ right: 818px !important; background:url(/Content/Areas/Hospitals/images/Main/btn1.jpg) no-repeat right bottom;}
.linkmap{ display:none;}

/**/
.main_L{ width:590px;}
.main_R{ width: 350px;}
/*患者服务*/
.icon_list li{ float:left; width:106px; margin-right:15px; height:73px; margin-top:15px; text-align:center; font-size:14px;}
.icon_list li a{ display:block; width:106px; height:73px; background:#7fc5d1; color:#fff;}
.icon_list li img{ display:block; margin:0 auto; padding-top:10px;}
.icon_list li.icon5,.icon_list li.icon10{ margin-right:0px;}
.icon_list li a:hover{ background:#008ca3;}
/**/
.article_box a.detail{ font-size:12px;  }
.article_box .details{float:left !important;}
.article_box h2{ font-size:16px; margin-bottom:5px;}
.article_box h2 a{ color:#008ca3;}
/*健康教育*/
.swiper-box { width: 239px; height: 208px;}
.SwitchImage{position: relative; margin-right:15px;}
.SwitchImage,.SwitchImage img{width:239px;height:208px;}
.SwitchImage .swiper-box ul li h2{ font-size:14px; }
.SwitchImage .pagination { right: 10px !important;  bottom: 10px !important;}
.SwitchImage .pagination span.swiper-active-switch{ background:#009aaf !important;}
.SwitchImage .pagination span{ background:#006481 !important;}
/*重点科室*/
/*.dep_list li{ width:50%;*width:44%;_width:44%; box-sizing:border-box; background:url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat left center; padding-left:15px; line-height:26px; float:left;} 
*/
/*科室滚动*/
.SwitchImage_KS{ width:352px; height:93px; }
.SwitchImage_KS .swiper-box{ width:352px; height:93px;}
.SwitchImage_KS img { width:352px; height:auto;}
.SwitchImage_KS .pagination{ display:none !important;}
.SwitchImage_KS .p_Dep0 img,.SwitchImage_KS .p_Dep1 img{ display:none;}
.SwitchImage_KS .p_Dep2 img{ display:block;}
.dep_list .Dep_List1{ width:100%;}
.Dep_List1 li{width:50%;*width:44%;_width:44%; box-sizing:border-box; background:url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat left center; padding-left:15px; line-height:26px; float:left;} 
.p_81{ display:none;}
.dep_list p.p_Dep0,.dep_list p.p_Dep1{ display:none !important;}

/*专家风采*/
.DoctorCount{ width: 100%;overflow: hidden;}
.content_top_ul {float:left;zoom:1;}
.content_top_ul li {width: 321px;height:214px;overflow: hidden;float:left;padding-right: 5px;}
.content_top_ul li .img_con{float:left;padding:1px;border:1px solid #ccc;margin-right:10px;}
.content_top_ul li a.doc_img{width:160px;height:210px;overflow:hidden;display: block;}
.content_top_ul li a.doc_img img{width:100%;height:210px;transition:all 0.2s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s;}
.content_top_ul li a img:hover{width: 190px;height: 250px;margin-left: -16px; 
transition:all 0.2s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; }

.content_top_ul li p.name{font-size: 16px;color:#666;}
.content_top_ul li p{ font-size:12px; line-height:26px;}
.scr_cont { width:110000px; height: 214px;overflow: hidden;}
.doctor_ltd_inside { overflow:hidden;position:relative;zoom:1;width:978px;}


@media only screen and (max-width:1000px){
.bg0{ background: none; padding: 0; }
.wrap{ width: 100%; }

.banner{ width:100%;}
.banner .arrow_btn{ display:none;}
.banner,.swiper-container,.banner img{ width:100%; height:269px !important}
.xs_scroll{ width:733px; margin:0 auto; overflow:hidden;}
}
@media only screen and (max-width:980px){
.main_L{width: 60%}
.main1 .main_L,.main1 .main_R{ width:100%; float:none !important; margin-bottom:15px;}
.main_R .article_list li{ width:50%; float:left; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.icon_list{ width:100%; margin:0 auto;}
.icon_list li{ width:18%; margin:15px 1% 0px;}
.icon_list li.icon5, .icon_list li.icon10{ margin:15px 1% 0px;}
.icon_list li a{ width:100%;}
.dep_list li{ width:25%;}
.ks img{ display:none;}
}
@media only screen and (max-width:900px){
.main_L{width:56%}
}
@media only screen and (max-width:830px){
.main_L{width:455px;}
.main_R{width: 38%}
.SwitchImage_KS{width: 100%}
.SwitchImage_KS img{width: 100%}
}
@media only screen and (max-width:768px){

.footer{ margin-top:20px;}
.Scroll_Box{ margin-bottom:20px;}
.main1 .main_R .article_box h2{float: left}
.article_box .details{line-height: 24px;}

}
@media only screen and (max-width:760px){
.xs_scroll{ width:489px; margin:0 auto 20px; overflow:hidden;}
.SwitchImage1{ display:none;}
.main_R{width: 350px;}
.main_L{width:48%;}
}
@media only screen and (max-width:700px){
.main_L{width:44%;}
}
@media only screen and (max-width:640px){
.banner,.swiper-container,.banner img{ height:228px !important}
.main_content{ margin-top:0px;}

.main_L .article_list li{ width:50%; float:left; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.SwitchImage_KS{display:none}
.main_L,.main_R{width:49%;}
.fl .article_box {display: none}
.main1 .main_R .article_box {display: block;}

}
@media only screen and (max-width:550px){
.banner,.swiper-container,.banner img{ height:196px !important}
.main_L .article_list li,.main_R .article_list li{ width:100%; float:none;}
.SwitchImage1{ display:none;}

.main1{margin-top: 0!important}
.main1 .main_L h2.title_header{display: none}
.icon_list li{height: auto}
.icon_list li a{background: none;color: #333;height:auto;}
.icon_list li a:hover{background: none!important}
.icon_list li a span.icon {background: #1AAAD3;display: block;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;margin: 0 auto;margin-bottom: 5px}

}
@media only screen and (max-width:520px){
.banner,.swiper-container,.banner img{ height:185px !important}
.xs_scroll{ width:243px; margin:0 auto 20px; overflow:hidden;}
.dep_list li{ width:50%;}
}
@media only screen and (max-width:450px){
.banner,.swiper-container,.banner img{ height:160px !important}
.icon_list li{ width:18%; margin:15px 1% 0px;}
.icon_list li{ font-size:12px;}
.main_L,.main_R{width:100%;float: none;margin-bottom: 10px}
}
@media only screen and (max-width:375px){
.banner,.swiper-container,.banner img{ height:134px !important}
.icon_list li img{height:32px;padding-top: 5px;}
.icon_list li a span.icon{width: 43px;height:43px;}
}
@media only screen and (max-width:320px){
.banner,.swiper-container,.banner img{ height:114px !important}
} </pre></body></html>