/*教育育人*/
.fl{float: left;}
.fr{float: right;}
.W700{width:600px;}
.W210{width:310px;height:217px;}
.W288{width:288px;height:217px;}
.W260{width:260px;}
.H275{height:275px;}
.mt15{margin-top: 15px;}
.mt10{margin-top:10px;}
.mr10{margin-right: 10px;}
.borT{border-top:1px dashed #ddd;}
.mrg15{margin:0 15px;}

/*图片滚动*/
.scroll_img{position: relative;*zoom:1;*height:170px;width:315px;float: left}
.pic li{width:313px; height:170px;} 
.pic li img{width:100%;height:170px;border:1px solid #ddd;padding:1px;}
.tit {bottom:0; height: 36px; left:0; overflow: hidden; position: absolute;padding-left: 5px;z-index: 10;}
.tit li a{color:#fff; line-height:36px; 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:15px; overflow:hidden; position:absolute; right:5px; bottom:10px; padding:0 5px 0 0; width:auto!important; z-index: 10;}
.num li{ float:left; width:15px; height:15px; font-size:0; background:#fff; text-indent:-9999px;cursor:pointer;margin-left:5px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;
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}
.num li.s{background:#00a886;}
.op_bg{position:absolute; width:100%; height:36px; bottom:-1px; left:1px; background:rgba(0,0,0,0.7)!important;background: #000;z-index: 5;-moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.undis{display: none}


/*住院医规范化培训*/
.colum_list li{width:139px;height:76px;float: left;line-height: 76px;text-align: center;}
.colum_list li a{display: block;color: #fff;font-size: 16px;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}
a.color_1{background: #bebd88;}
a.color_2{background: #7caa77;}
a.color_3{background: #e4a17e;}
a.color_4{background: #75cfd9;}
a.color_1:hover{background: #A8A771;}
a.color_2:hover{background: #699365;}
a.color_3:hover{background: #CB845E;}
a.color_4:hover{background: #56A7B0;}

/*进修管理*/
.ban_list li img{width:100%;height:76px;-webkit-transition: all ease .3s;transition: all ease .3s}
.ban_list li img:hover{-webkit-transform: scale(1.03);transform: scale(1.03);}
.ban_list li a{border:1px solid #ddd;display: block;border-bottom:none;overflow: hidden;}


 
@media only screen and (max-width:768px){
 div.scroll_img{display: none}
 .W700,.W210{width:49%;box-sizing:border-box;}
 .W288{width:32%;box-sizing:border-box;}
 .mrg15{margin:0 2%;}
 .colum_list li{width:48%;}
 .mr10{margin-right: 4%}
 .new_list li{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;}
}
@media only screen and (max-width:640px){
 div.scroll_img{display:block;float: none;margin:10px auto;}
 .pic li,.scroll_img{width:100%;max-width:313px;}
 .W700,.W210,.W288{width:100%;float: none!important;margin:15px 0 0 0!important;}
 .ban_list li a{width:80%;margin:0 auto;}
 .ban_list li a img{height:auto;}
 .W210{height:auto;}
 .W288{height:auto;}

}