﻿/*------2016-01-18----------科室介绍------------------------*/ 
.Depall{margin:0 auto;background: #fff;margin-bottom: 20px;} 
.content_bot { width:1200px;margin-top:15px;margin:20px auto;}
h1.dep_img{font:20px/36px "Microsoft YaHei","微软雅黑",STXihei,"华文细黑",Heiti,"黑体"; padding:0 0 0 20px;color:#333;font-weight:normal; margin-bottom:10px; }
.content_bot ul {margin-top: 20px;}
.content_bot ul li a{font:14px/35px "Microsoft YaHei","微软雅黑",STXihei,"华文细黑",Heiti,"黑体";display: block;}
.content_bot ul li a:hover{ color:#00A599;}

.content_bot ul li h2.KStit_header{display: block;border: none;}
.content_bot ul li h2.KStit_header a{font-size: 16px;line-height: 40px;}
ul.lv2_ul li.lv2_li{width:139px;float:left;height:30px;background:url(../../Common/images/dep_dot.png) no-repeat 0 16px;padding-left:10px;overflow: hidden;}
ul li h2.KStit_header {margin:0;}
li.lv1_li.tylelable1{margin-bottom: 20px;}


/*咨询专家列表*/
.docteam_list li img{margin-right:10px;float:left;border:1px solid #eee;padding:2px;width:120px;height:155px;}
.docteam_cont a{line-height:28px;}
.docteam_cont p{line-height:28px;font-size: 14px;}
.docteam_cont p a{color:#2076bd;}
.docteam_cont p a:hover{color:#d44137;}
.docteam_list li a.doc_name{font-size: 16px;}
.docteam_cont p.zixun{margin-top: 5px;}
.docteam_cont p.zixun a{padding:5px 10px;background:#2076bd;color: #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px ;}
.docteam_cont p.zixun a:hover{background: #4CA6F0;}

/*图片*/
.content_bot .ul_kslist li { float: left;width: 150px;margin-bottom: 20px;margin-right: 0;}
.content_bot ul li{ float:left; width:380px;margin-right: 30px;margin-bottom: 30px; +width:360px; +height: 290px;}
.content_bot ul li:nth-child(3n){ margin-right:0;}
.content_bot ul li img{width:100%;height: 152px;}
.content_bot ul li .ks_address{ line-height:30px;}
.content_bot ul li img:hover{ opacity: 0.6;
 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;}
.detail{ float:right; +float:none;}


@media only screen and (max-width:768px){
 div.main,.content_bot,.content_bot ul{ width:100%;border:none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
 .dep_img{border:none }
 .content_bot ul li{width:48%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin-right: 2%;height: 280px;}
.content_bot ul li img {width: 100%;}
.content_bot ul li:nth-child(3n){ margin-right:2%;}
}

@media only screen and (max-width:450px){ 
 .content_bot ul li{width:100%; margin-right:0; height:auto;}
 
}   