﻿.border{ border:1px solid #ccc;}
.H204{ height:204px;}
.H440{ height:440px;}
.H380{ height:380px;}
.H183{ height:183px;}
.H367{height: 367px;}
ul.article_list li a.columnName { +float: none;}
#allmap{ height: 140px !important;}
/*图片滚动*/
.swiper-box { width: 280px; height: 124px;}
.SwitchImage{position: relative;}
.SwitchImage,.SwitchImage img{width:100%;height:124px;}
.SwitchImage .swiper-box ul li h2{ display:none; }
.SwitchImage .pagination { right: 10px !important; bottom: 10px !important;}


/*预约挂号图片滚动*/
.SwitchImage_yy .swiper-box{ height:183px !important;}
.SwitchImage_yy{width: 48% !important;height:183px !important; border:1px solid #ccc;}
.SwitchImage_yy img{width:100%;height:183px !important;float: none;}
.SwitchImage_yy .pagination span{ border-radius:0px !important;}
.SwitchImage_yy .pagination { left: 10px !important; bottom: 10px !important;}
.cloum_list{ width:46%; background:url(/Sites/Uploaded/UserUpLoad/20160817/20160817175551.png) no-repeat left center; padding-left:20px; height:134px; padding-top:34px;}
.cloum_list li{ width:43%; float:left;}
/*门诊动态*/
.article_list2 li{border-bottom:1px dashed #ccc;background: url(/Content/Areas/News/images/JiuYiZhiNan/jyzn_icon.png) no-repeat 13px 12px !important;padding-left:30px !important;margin-bottom:5px;}
.article_list2 li.last{ border-bottom:0px;}
/*医院环境*/
h2.table_title{ height:46px;}
h2.table_title span{cursor:pointer;border-bottom: 0px;color: #999;}
h2.table_title span.active{border-bottom: 2px solid #45b796;color: #45b796;}
h2.table_title b{ color: #999; margin: 0px 10px; }
.table_box b{ font-weight:normal; line-height:28px; }
.table_box p{ color:#999;line-height: 22px;}
.table_box .article_box{ background:none !important;}
.table_box .article_box img{ float:none; margin:0 auto; display:block !important;}

/*预约挂号*/
.yy_box{height: 106px; position: relative; background:url(/Content/Areas/Hospitals/images/Main/yy.jpg) no-repeat;}
.yy_box2 {width: 100%;height: 100%;position:absolute;opacity:0;background:rgba(0,0,0,.5);top:0px;left:0px;}
.yy_box2 a{width:200px;height:50px;display:block;*display:none;line-height:50px;text-align:center;margin:28px auto;background:#fff;color:#ff8702;padding-left:0px;}
.yy_box:hover .yy_box2{ opacity:1; transition:all 0.2s;}

/*就诊指南*/
.icon_list{ padding:25px 0px;}
.icon_list .first{ display:none; }
.icon_list li{ float:left; width:33.3%; text-align:center; line-height:30px;}
.icon_list li.last{ margin-right:0px;}
.icon_list li a{ display:inline-block;}
.icon_list li a span{ width:60px; height:60px; margin:0 auto; display:block;}
.icon1{ background:url(/Sites/Uploaded/UserUpLoad/20160728/20160728183926.jpg) no-repeat center center;}
.icon2{ background:url(/Sites/Uploaded/UserUpLoad/20160728/20160728183832.jpg) no-repeat center center; }
.icon3{ background:url(/Sites/Uploaded/UserUpLoad/20160728/20160728183810.jpg) no-repeat center center;}
.icon4{ background:url(/Sites/Uploaded/UserUpLoad/20160728/20160728183907.jpg) no-repeat center center; }
.icon_list li a:hover span{ transform:scale(1.1,1.1);transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;}
/**/
.col-md-4 div.article_box img{ width:108px; height:72px; float:left; margin-right:15px;}
.col-md-4 div.article_box img:hover{ transform:none !important;}
.col-md-4 div.article_box h2{background: #45b796;font-size: 14px;height: 52px;line-height: 24px;padding: 10px 15px;margin-bottom:0;_margin-top: -20px;_margin-left: -20px;}
.col-md-4 div.article_box:hover h2{ opacity:0.8; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.col-md-4 div.article_box h2 a.more{ margin-top:27px}
.col-md-4 div.article_box h2 a{ color:#fff}
.col-md-4 ul.article_box li{height:52px;background:#f2f2f2;color:#333333;font-size:18px;padding:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.col-md-4 ul.article_box li .span_date{ color:#666666; font-size:12px; display:block; line-height:28px;}
.chuzhen_btn{ display:none}
@media only screen and (max-width:1024px){
	ul.article_list li,.box4 .article_box h2{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.SwitchImage_yy{ overflow:hidden;}
	.SwitchImage, .SwitchImage img { width: 234px;}
	.H380 {overflow: hidden;}
	.box4 p{overflow: hidden;height: 60px;}
	.Scheduling,div.Scheduling_icon_box{width: 100% !important;}
}
@media only screen and (max-width:768px){
.yy_box,.yy_box2{ display: none; }
.icon_list .first{ display: block; }
.icon_list li{ width: 25%; }
}
@media only screen and (max-width:768px){
.chuzhen_pc{ display:none;}
.chuzhen_btn{display:block; width:100%;line-height:32px; text-align:center; background:#45b796;}
.chuzhen_btn a{ color:#fff;}
.H367 ,.H440{ height: auto;}
.box2,.box3{ border:1px solid #ccc;}
.pl10{ padding-left:0px;}
.pr10{ padding-right:0px;}
.H380,.box4 p{ height: auto;}
.SwitchImage, .SwitchImage img {width: 100%;}
}
@media only screen and (max-width:640px){
.icon_list{ padding:15px 0px;}

}
@media only screen and (max-width:600px){
.H183{ height:auto;}
.SwitchImage_yy{display: none;}
ul.article_list.fr.col-md-6{ width: 100%; }
.cloum_list{width:100%;background: none;padding-top: 0px;height: auto;box-sizing: border-box;}

}

@media only screen and (max-width:460px){
.icon_list li{ width:50%; margin-bottom:15px;}	
.icon_list{ padding:15px 0px 0px;}
.article_list li { width: 100%; box-sizing:border-box;}
ul.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width:435px){
ul.article_list li a.columnName{ display:none}

}
@media only screen and (max-width:360px){
.col-md-4 div.article_box h2{line-height: 20px;}
h2.table_title b{ margin: 0px 5px; }
} 