﻿/*------2016-01-18----------科室介绍------------------------*/ 
.main_content{ overflow:hidden}
.content_1_top{ margin:20px 0; _height:47px;}
.content_1_top li{  border: 1px solid #dedede;float: left;font-size: 16px;height: 45px;line-height: 45px; margin-right: 12px;text-align: center; width: 226px; cursor:pointer;}
.content_1_top li.active{ background:#12435b; color:#fff;}
.ullist1 .title_header{ font-size:24px; color:#12435b; font-weight:normal}
.ullist1 .title_header a{color:#12435b}
.tab_box{ width:1200px; overflow:hidden;}
.ullist1{ width:1220px}
.ullist1 li{ float:left; width:285px; margin:0px 20px 20px 0px; position:relative; }
.ullist1 li:nth-child(4n){ margin-right:0px;}
.ullist1 li .ImgBoxs{ width:285px; height:185px; display:block;}
.ullist1 li .ImgBoxs img{ width:100%; height:185px;}
.ullist1 li h2{ line-height:30px; font-size:14px; text-align:center;}
.ullist1 li .lv1_text{position:absolute; width:245px; height:0px; opacity:0;  background:rgba(18,95,137,.8); top:0px; left:0px; padding:20px; _display:none;}
.ullist1 li .lv1_text p,.ullist1 li .lv1_text a{ color:#fff;}
.ullist1 li .lv1_text a:hover{ text-decoration:underline;}
.ullist1 li:hover .lv1_text{ opacity:1; !important; height:145px; transition:all 0.2s; cursor:pointer; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; }
/*9.20*/
.center_head  {height:42px;line-height:42px;font-size:16px;font-weight:bold;}
.dep_intro_left .dep_block .dep_list .lv1_li{ float:left; width:389px;}
.dep_intro_left .dep_block .dep_list .single, .dep_intro_left .dep_block .dep_list .lv1_li .lv1_tit{ background:url(/Content/Areas/Common/images/more.jpg) no-repeat scroll 10px 12px; color: #01688e !important;font-size: 14px;line-height: 30px; padding-left: 28px; display:block;}
@media only screen and (max-width:768px){
.ullist1{ width:590px; margin:0 auto;}
.content_1_top li{ margin-bottom:10px;} 
.ullist1 li:nth-child(2n){ margin-right:0px;}
.dep_intro_left .dep_block .dep_list .lv1_li{ width:50%;}
}

@media only screen and (max-width:600px){ 
.ullist1{ width:285px; margin:0 auto;}
.ullist1 li{ margin-right:0px;}
} 
@media only screen and (max-width:450px){ 
.ullist1{ width:285px; margin:0 auto;}
.ullist1 li{ margin-right:0px;}
.content_1_top li{ float:none; margin:0 auto 10px;}

} 
@media only screen and (max-width:375px){ 
.dep_intro_left .dep_block .dep_list .lv1_li{ width:100%;}
}