@charset "utf-8";
/* CSS Document */


.tit_header{ border-bottom:1px solid #ccc; height:40px; line-height:40px;}
.tit_header span{ font-size:18px; border-bottom:2px solid #c2010f; display:inline-block; }
.tit_header a.more{ float:right; font-size:14px;}
.main_content{ width:1200px; margin:0 auto;  padding:20px 0px 0px 0px; background:none !important}
/*隐藏横向定位导航*/
div.linkmap{display:none;}
.title_type{ color:#333;font-size:16px;}
/*main1*/
.main1_L{ width:361px;border: 8px solid #fff; float:left; border-radius:5px; background:#efefef; padding:10px;}
.main1_R{ width:777px; border: 8px solid #fff; height:360px; float:right; border-radius:5px; overflow:hidden;}
/**/
.icon_list li{ float:left; width:89px; line-height:24px; margin-top:7px; background:url(/Content/Areas/Hospitals/images/main/xian2.png) no-repeat right center; text-align:center;}
.icon_list li.icon4,.icon_list li.icon8{ background:none;}
.icon_list li a{ display:block; padding-top:63px;color:#333;font-size:16px;}
.icon_list li a:hover{color:#c80025;}
.icon_list li.icon1 a{ background:url(/Content/Areas/Hospitals/images/main/icon9.png) no-repeat center 20px;}
.icon_list li.icon2 a{ background:url(/Sites/Uploaded/Image/2019/02/256368669255849497664561408.png) no-repeat center 20px;}
.icon_list li.icon3 a{ background:url(/Content/Areas/Hospitals/images/main/icon11.png) no-repeat center 20px;}
.icon_list li.icon4 a{ background:url(/Content/Areas/Hospitals/images/main/icon12.png) no-repeat center 20px;}
.icon_list li.icon5 a{ background:url(/Content/Areas/Hospitals/images/main/icon13.png) no-repeat center 20px;}
.icon_list li.icon6 a{ background:url(/Content/Areas/Hospitals/images/main/icon14.png) no-repeat center 20px;}
.icon_list li.icon7 a{ background:url(/Content/Areas/Hospitals/images/main/icon15.png) no-repeat center 20px;}
.icon_list li.icon8 a{ background:url(/Content/Areas/Hospitals/images/main/icon16.png) no-repeat center 20px;}
.icon_list li a:hover{animation:fadeIn;animation-duration:0.5s;  }
@keyframes fadeIn {  
 0% {opacity: 0;}/*初始状态 透明度为0*/  
 100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fadeIn {/*针对webkit内核*/  
 0% {opacity: 0;}  
 100% {opacity: 1;}  
}  
.icon_list li.icon1 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon1.png) no-repeat center 20px;}
.icon_list li.icon2 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon2.png) no-repeat center 20px;}
.icon_list li.icon3 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon3.png) no-repeat center 20px;}
.icon_list li.icon4 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon4.png) no-repeat center 20px;}
.icon_list li.icon5 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon5.png) no-repeat center 20px;}
.icon_list li.icon6 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon6.png) no-repeat center 20px;}
.icon_list li.icon7 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon7.png) no-repeat center 20px;}
.icon_list li.icon8 a:hover{ background:url(/Content/Areas/Hospitals/images/main/icon8.png) no-repeat center 20px;}


.icon_list2{ border:1px solid #c2010f; width:100%;*width:358px; box-sizing:border-box;margin-top:20px; }
.icon_list2 li{width:50%;*width:179px;float:left;box-sizing:border-box;text-align:center;line-height: 36px;}
.icon_list2 li a{display:block;padding-top: 54px;}
.icon_list2 li.icon1 a{ background:#fff url(/Content/Areas/Hospitals/images/main/icon19.png) no-repeat center 10px; color:#c2010f; border-right:1px solid #c2010f;}
.icon_list2 li.icon2 a:hover{ background:#c2010f url(/Content/Areas/Hospitals/images/main/icon18.png) no-repeat center 10px; color:#fff;}
.icon_list2 li.icon1 a:hover{ background:#c2010f url(/Content/Areas/Hospitals/images/main/icon17.png) no-repeat center 10px; color:#fff; border-right:1px solid #fff;}
.icon_list2 li.icon2 a{ background:#fff url(/Content/Areas/Hospitals/images/main/icon20.png) no-repeat center 10px; color:#c2010f;}
.icon_list2 li a{ transition:all 0.2s; transform:rotate(360deg);}
/*banner轮播图*/
.banner{margin:0 auto;position:relative; overflow:hidden; width:777px;}
.swiper-container{ height:360px !important;}
.banner img{ width:777px; height:360px;}
.banner .pagination{ bottom: 15px;height: 12px;overflow: hidden;padding: 0 5px 0 0;position: absolute;right:15px;width: auto !important;z-index: 7;}
.banner .pagination span{ background: #fff;border-radius: 50%;cursor: pointer;float: left;font-size: 0; height: 12px;line-height: 0;
margin-left: 5px;width: 12px;}
.banner .pagination span.swiper-active-switch{ background:#c2010f}
.banner .arrow_btn{position: absolute;top: 50%;z-index: 2;width: 50px;height: 100px;margin-top: -50px;border-radius: 3px;opacity:0.5;text-indent: -9999px;background-repeat: no-repeat;transition: opacity .2s linear 0s;cursor: pointer; display:none;}
.banner .arrow-left{ left: 5px; background:url(/Content/Areas/Common/images/arrow.png) no-repeat left bottom;}
.banner .arrow-right{ right: 5px; background:url(/Content/Areas/Common/images/arrow.png) no-repeat right bottom;} 

/*main2*/
.main2{ background:#fff;  border-radius:5px; padding:10px 20px;}
.main2_L{width: 367px;float:left;background:url(/Content/Areas/Hospitals/images/main/xian3.jpg) no-repeat right center;padding-right: 15px;}
.main2_R{width: 761px;float:right;}
.tab_tit span{ cursor:pointer; margin-left:35px;color:#333}
.tab_tit span.first{ margin-left:0px;}
.tab_tit span.No_active{ border-bottom:0px;color:#666;font-size:15px; }
/*默认滚动却换样式*/
.scroll_img{position: relative;*zoom:1; _margin-top:-1px;+margin-top:-1px; width:342px; padding:5px; background:#f3f3f5; border:1px solid #ccc; float:left;}
.pic li img{width:342px; height:236px;}
.tit {bottom: 4px;_bottom:-10px;height: 34px;left:0;overflow: hidden;position: absolute;padding-left: 5px;z-index: 7;line-height:34px;}
.tit li a{color:#fff;line-height: 27px;padding:0 0 0 10px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;font-size: 14px;}
.num{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:13px; padding:0 5px 0 0; width:auto!important; z-index: 7;_bottom:0px;}
.num li{ float:left; width:12px; height:12px; font-size:0; background:#fff; font-size:0; line-height:0;cursor:pointer;margin-left:5px;
/*-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;*/ border-radius:100%;}
.num li.s{ background:#b10626;}
.op_bg{ position:absolute; width:100%; height:34px; bottom:0; left:0; background:url(../images/zyb/op_bg.png) repeat;_bottom:-10px;}
.undis{display: none}
.main2_R .listBox { width:401px; float:left;}
.main2_R .listBox li{background: url(/Sites/Uploaded/UserUpLoad/20161129/20161129132405.png) no-repeat 20px center;}
.main2_R .listBox li.Li_Even{ background:#f5f5f5 url(/Sites/Uploaded/UserUpLoad/20161129/20161129132405.png) no-repeat 20px center;} 
.main2_R  ul.listBox li{ padding-left:30px;}
.main2_R .article_box{ padding:5px; background:#f3f3f5; border:1px solid #ccc;}
.main2_R .article_box,.main2_R .article_box img { float:left; width:342px; height:236px;}
.op_bg{position:absolute;width: 342px;height:34px;bottom: 4px;left: 5px;background: url(/Content/Areas/Common/images/op_bg.png) repeat;_bottom:-10px;}
.undis{display: none}
/*main3*/
.main3{ background:#fff; border-radius:5px 5px 0px 0px;  padding:10px 20px;}
.main3 .SwitchImage{width: 1160px; position:relative; margin:0 auto;}
.main3 .SwitchImage .swiper-box{width: 1059px;height: 183px;}
.main3 .SwitchImage .swiper-box ul li .Img_Box{float: left;padding: 0px !important;}
.main3 .SwitchImage .swiper-box ul li .Img_Box .pic{width: 139px;height: 183px;float: left;margin-right: 20px;}
.main3 .SwitchImage .swiper-box ul li img{width: 139px;height: 183px;float: left;}
.main3 .SwitchImage .content_box p{font-size: 14px;line-height: 26px;color:#333;padding-right:14px;}
.main3 .SwitchImage .content_box p a.name{font-size: 16px;color:#333;color: #c80025;}
.main3 .SwitchImage .content_box p span{font-size:16px;color: #c80025;}
.main3 .SwitchImage .swiper-box ul li h2{position: inherit !important;}
.main3 .SwitchImage .swiper-box ul li h2 a{color: #333 !important;padding-left: 0px !important;font-size: 16px;}
.main3 .SwitchImage .pagination span{display:none}
.main3 .SwitchImage .arrow-btn{position: absolute;z-index: 1000;font-family: "宋体";font-size: 50px;display: block !important;top: 43%;}
.main3 .SwitchImage .btn-left{left:0px;}
.main3 .SwitchImage .btn-right{right:0px;}
.main3 .SwitchImage a.arrow-btn:hover{color:#0064cb;}

/*main4*/
.main4{ background:#fff; border-radius:0px 0px 5px 5px;  padding:10px 20px 35px;}
.main4_L{ width:761px;  float:left; height:248px;background:url(/Content/Areas/Hospitals/images/main/xian3.jpg) no-repeat right center ;padding-right: 15px; }
.main4_L .tab_box{ position:relative; width:761px; height:191px;}
.Dep_list{ width:163px; float:left;}
.Dep_list li.lv_1{  margin-bottom:10px; background:url(/Content/Areas/Hospitals/images/main/icon27.png) no-repeat right center; }
.Dep_list li.lv_1.No_active{ background:none;}
.Dep_list li.lv_1.icon3{ margin-bottom:0px;}
.Dep_list li.lv_1 a{ display:block;padding-left:50px; width:104px;height:46px;  line-height:46px;}
.Dep_list li.lv_1.icon1 a{  background:#c2010f url(/Content/Areas/Hospitals/images/main/icon24.png) no-repeat 10px center; color:#fff}
.Dep_list li.lv_1.icon2 a{  background:#c2010f url(/Content/Areas/Hospitals/images/main/icon25.png) no-repeat 10px center; color:#fff}
.Dep_list li.lv_1.icon3 a{  background:#c2010f url(/Content/Areas/Hospitals/images/main/icon26.png) no-repeat 10px center; color:#fff}
.Dep_list li.lv_1.icon1.No_active a{  background:#f0f0f0 url(/Content/Areas/Hospitals/images/main/icon21.png) no-repeat 10px center; color:#333}
.Dep_list li.lv_1.icon2.No_active a{  background:#f0f0f0 url(/Content/Areas/Hospitals/images/main/icon22.png) no-repeat 10px center; color:#333}
.Dep_list li.lv_1.icon3.No_active a{  background:#f0f0f0 url(/Content/Areas/Hospitals/images/main/icon23.png) no-repeat 10px center; color:#333}
.Dep_list li.lv_1.icon1 .Dep_list_2{ display:block;}
.Dep_list_2{position:absolute; top:15px;width: 568px;left:170px;border:1px solid #ccc;height: 170px;overflow-y:auto;padding:10px;}
.Dep_list_2 li{float:left;background:url(/Content/Areas/Hospitals/images/main/sj.png) no-repeat left center;border-right:1px dashed #ccc;margin-bottom: 3px;margin-right: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 126px;}
.Dep_list_2 li a{padding: 0px 10px;line-height: 26px;font-size:14px;height: 26px; color:#333;}
.Dep_list_2 li a:hover{ color:#c2010f !important}

::-webkit-scrollbar { width:7px; height:7px;} /* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-track {background-color: #d7d7d7;} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {background-color:#c2010f;} /* 滑块颜色 */
::-webkit-scrollbar-button {background-color: #7c2929; display:none; } /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {background-color: black;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */


.main4_R{ width:367px; float:right;  }
.main4_R .yuanbao img{ float:left; width:135px; height:146px; margin-top:20px;}
.main4_R .Journals_Img{ float:left; margin-left:10px;margin-top:20px;}
.main4_R .Journals_Img .qishu a{ *padding-left:0px;}
.main4_R .Journals_Img li{ line-height:32px; background:url(/Content/Areas/Common/images/common/yb_icon.png) no-repeat left center; padding-left:15px;}
.main4_R .Journals_Img img{ display:none; }
.main4_R .Journals_list{ margin-top:10px;}

.swiper-container-doct1 li.one_doc{ display:none; }


@media only screen and (max-width: 1024px){
.main_content{ padding:0px;}
.main_content{ width:100%; box-sizing:border-box;}
.main1_L{ width:320px;}
.icon_list li{ width:80px;}
.main1_R,.ck-slide{width: 62%;}
.banner{ width:100%;}
.main2_L{ width:320px;}
.main2_R{width: 63%;}
.main2_R .article_box, .main2_R .article_box img,.scroll_img{ display:none;}
.main2_R .listBox{ width:100%;}
.main3 .SwitchImage{width: 705px; overflow:hidden;}
.main3 .SwitchImage .arrow-btn{ display:none !important;}
ul.listBox li{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.main4_L{width: 660px;}
.Dep_list_2{width: 470px;}
.main4_R{ width:267px;}
.Dep_list_2 li:nth-child(4n){border-right: 1px dashed #ccc !important;margin-right: 14px !important;}
.main4_R .yuanbao img{ width:112px; height:122px; }
} 
@media only screen and (max-width: 1005px){
.main1_R,.ck-slide,.main1_L{ width:100%; box-sizing:border-box;}
.banner img{ width:100%;}
.main2_R .article_box, .main2_R .article_box img,.scroll_img{ display:block;}
.main1_R{ margin-top:10px;}
.icon_list li{ width:12.5%; box-sizing:border-box;}
.main2_R,.main2_L{ width:100%; background:none; box-sizing:border-box;}
.main2_L .listBox li{ width:48%; float:left;}
.main2_R .listBox{ width:350px;}
.main2_R .listBox li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main4_L{width: 67%;}
.Dep_list_2{width: 52%;}
.Dep_list_2 li:nth-child(4n){ margin-right:14px !important; border-right:1px dashed #ccc !important;}
.main3 .SwitchImage{width: 705px; overflow:hidden;}
.main3 .SwitchImage .arrow-btn{ display:none !important;}
ul.listBox li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main4_R{ width:275px;}

.main2,.main3,.main4{padding:0;}
}
@media only screen and (max-width: 950px){
.main4_L{width: 63%;}
.Dep_list_2{width: 45%;}
}
@media only screen and (max-width: 900px){
.main4_L{width: 60%;}
.Dep_list_2{width: 30%;}
.main4_L .tab_tit span{ margin-left:15px;}
.main4_L .tab_tit span.first{ margin-left:0px;}
}
@media only screen and (max-width: 825px){
.banner{ width:100%;}
}
@media only screen and (max-width: 810px){
.main4_R{ width:270px;}
}
@media only screen and (max-width:768px){
.couple{display:none;}
#float_img1{display:none;}
.Dep_list_2{ width:63%;}
}
@media only screen and (max-width: 770px){
.scroll_img{ display:none;}
.main4_R,.main4_L{width: 100%; padding-right:0px; background:none;}
.main4_L .tab_box{ width:100%;}
.main4_R .yuanbao img{ width:130px; height:140px;}

}
@media only screen and (max-width: 750px){
.main2_R .listBox { width:100%;}
.main3 .SwitchImage{width: 352px; overflow:hidden;}
.Dep_list_2{ width:65%;}
} 
@media only screen and (max-width: 640px){
.main1_R{ display:none; margin-top:0px;}
} 
@media only screen and (max-width: 640px){
.Dep_list_2{ width:55%;}
}
@media only screen and (max-width:550px){
.icon_list li{ width:25%;}
.main2_L .listBox li { width: 100%;float: left;}
}

@media only screen and (max-width: 500px){
.Dep_list_2{ width:42%;}
}  
@media only screen and (max-width:460px){
.tab_tit span{ margin-left:5px;}
.tab_tit span.span_3{ display:none;}
.main3 .SwitchImage .swiper-box ul li .Img_Box .pic{ display:block; margin-right: 14px; width: 110px;height: auto;}
.main3 .SwitchImage .swiper-box ul li img {width: 110px;height: auto;}
.main3 .SwitchImage .swiper-box{ width:840px;height: 160px;}
.main3 .SwitchImage{ width:280px;}
.Dep_list li.lv_1 a{ width:90px;}
.Dep_list{ width:149px;}
.main3 .SwitchImage .content_box p{ padding-right: 0; }
}
@media only screen and (max-width: 374px){
.main4_L{display:none;}
.main4_R .yuanbao img{ display:none;}
}  
/* CSS Document */