﻿.W1200mt20{margin-top:20px;}
h2.title_header{background:url(/Content/Areas/Common/images/dangqi_bg.png) no-repeat left 9px;}
h2.title_header span{float:right;padding:0 10px;}
h2.title_header .color {color: #00968e;font-size: 24px;font-weight: normal;}
.main02{ width:100%; margin-top: 40px;}
.thebox{ width:100%; margin-bottom:40px;}
.box_left{ float:left; width:592px;margin-bottom:40px;}
.box_right{ float:right; width:592px;}
.box_left1{ float:left; width:386px;margin-bottom:40px;}
.box_mid{ float:left; width:386px;margin-bottom:40px; margin-left:20px;}
.box_right1{ float:right; width:386px;margin-bottom:40px;}
ul.newlist{ height:260px; padding:14px;}
/*新闻滚动*/
.srco_box{ position:relative; float:left; width:592px; height:288px;border:1px solid #c9c7c7;}
.pic li a img{width:592px; height:288px;_width:592px!important;_height:288px!important;_display:block;}
.tit {position: absolute; left: 0 !important;bottom:0 !important;overflow: hidden; padding-left:0px !important;}
.op_bg { position: absolute; width: 100% !important;bottom:0px !important; left:0px !important;}

/*切换*/
.chose{ width:590px; border-top:#c9c7c7 1px solid; border-right:#c9c7c7 1px solid; border-left:#c9c7c7 1px solid; height:40px;}
.chose li{ float:left; width:33.1%; line-height:40px; text-align:center; border-left:#c9c7c7 1px solid; cursor:pointer;}
.selected{color:#FFF;background-color: #00968e;}
.selected a{ color:#fff;}
/*加医院文化*/
.picBtnTop{ border:1px solid #d7d7d7; padding:10px; width:572px; height:285px; position:relative; overflow:hidden;}
.hd{ height:285px; width:168px; position:absolute; right:10px; bottom:10px; overflow:hidden;}
.hd ul li{ border-bottom: 1px solid #d7d7d7;cursor: pointer;font-size: 16px; height: 60px; padding: 5px 0;width: 177px;}
.hd ul li:hover img{ border:1px solid #00968e;}
.hd ul li img{ height:60px; width:100px; margin-right:10px;}
.bd{ position:relative;height: 284px;width: 385px;}
.bd ul li{ position:relative;height: 284px;width: 385px;*zoom:1}
.bd ul li .bg{ position:absolute; bottom:0; left:0;background:url(/Content/Areas/Common/images/op_bg.png) repeat scroll 0 0;height: 40px; width:385px; z-index:1;}
.bd ul li .pic{ position: relative;z-index:0;}
.bd ul li .pic img{height: 284px;width: 385px;}
.bd ul li .title{ position:absolute; bottom:0; left:0;height: 40px; width:385px; line-height:40px; z-index:2;}
.bd ul li .title a{ color:#fff; padding-left:10px;}
/*其他*/
.box_right2,.box_left2,.box_mid2{ height:196px; width:386px; cursor:pointer;border:#c9c7c7 1px solid;}
.box_left2{ float:left;}
.box_mid2{ float:left; margin-left:20px;}
.box_right2{ float:right;}
.box_left2 a,.box_right2 a,.box_mid2 a{ display:block;}
.box_left2 a:hover,.box_right2 a:hover,.box_mid2 a:hover{ background-color:#6CC;}

@media only screen and (max-width:768px){
.W1200{ width:100%;}
.H283{ display:none;}
.src{ width:590px; height:288px;margin:0 auto;}
.box_left,.box_right,.chose,.box_left1,.box_mid,.box_right1{width:100%;}
.box_mid{ margin-left:0;}
.box_left1{ margin-top:26px;}
.left_pic{ width:430px;}
.right_pic {width: 220px;}
.left_pic img{width:430px; height:270px;}
.left_pic p{ width:410px;}
.box_right2,.box_left2,.box_mid2{ height:140px; width:32%; margin-left:1%;}
.box_right2 img,.box_left2 img,.box_mid2 img{ height:140px; width:100%;}
ul.newlist{ height:auto;}
.hot-board{margin:0 auto;}
.src{ display:none;}
.picBtnTop{margin:0 auto;}

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

.yywh_box{ display:none;}  
.left_pic,.right_pic,.left_pic img{ width:100%;}
.left_pic p{ width:94%;}
.chose li {width: 33%;}
.box_right2,.box_left2,.box_mid2{ height:auto; width:100%; cursor:pointer;border:#c9c7c7 1px solid; float:none;}
.box_mid2,.box_right2{ margin-top:20px;}
.box_right2 img,.box_left2 img,.box_mid2 img{ height:auto; width:100%;}
.box_right2, .box_left2, .box_mid2{ margin-left:0;}
.src,.srco_box,.pic li a img {width:100%; height: 220px;}
.box_left{ margin-bottom:0;}
}
@media only screen and (max-width:620px)
{
 .hot-slide .btns{display:none!important;}
 .hot-board{width:96%;}
 .hot-slide{width:100%;}
 .hot-board-main{width:80%;}
 .hot-slide{width:100%;}
 .hot-slide .pic .scroll .scroll_box{width:100%;}
 .hot-slide .pic .scroll_img{width:100%;}
 .hot-slide .pic .scroll .scroll_img img{width:100%;}
 .hot-slide .bg{width:100%;}
 .hot-slide .pic{width:100%;}
}
@media only screen and (max-width:520px)
{
 .hot-board-main{width:75%;}
 .hot-slide{height:230px;}
 .hot-slide .pic{height:230px;}
 .hot-slide .pic .scroll_img{height:230px;}
 .hot-slide .pic .scroll .scroll_img img{height:230px;}
 .hot-board-main{height:230px;}
}
@media only screen and (max-width:460px)
{
 .hot-board-main{width:70%;}
 .hot-slide{height:200px;}
 .hot-slide .pic{height:200px;}
 .hot-slide .pic .scroll_img{height:200px;}
 .hot-slide .pic .scroll .scroll_img img{height:200px;}
 .hot-board-main{height:200px;}
}
@media only screen and (max-width:400px)
{
 .hot-board-main{width:75%;}
 .hot-slide{height:170px;}
 .hot-slide .pic{height:170px;}
 .hot-slide .pic .scroll_img{height:170px;}
 .hot-slide .pic .scroll .scroll_img img{height:170px;}
 .hot-board-main{height:170px;}
}
@media only screen and (max-width:360px)
{
 .hot-board-main{width:70%;}
 .hot-slide{height:160px;}
 .hot-slide .pic{height:160px;}
 .hot-slide .pic .scroll_img{height:160px;}
 .hot-slide .pic .scroll .scroll_img img{height:160px;}
 .hot-board-main{height:160px;}
}
@media only screen and (max-width:330px)
{
 .hot-board-main{width:80%;}
 .hot-slide{height:145px;}
 .hot-slide .pic{height:145px;}
 .hot-slide .pic .scroll_img{height:145px;}
 .hot-slide .pic .scroll .scroll_img img{height:145px;}
 .hot-board-main{height:145px;}
} 