@charset "utf-8";
.content{background: #f0f0f2;}
.content-con{overflow:hidden;margin-bottom:40px;width: 100%;float: left;}
.card-body{ width:100%;border-radius:5px;color:#333;float: left;font-size:14px;line-height:20px;background: #fff;display: grid;}
.teacher-box .card-body dd{min-height:20px;font-size:12px;}
.teacher-box .card-body span{float: left;text-align: center;font-size:14px;line-height: 46px;color: #656565;padding: 0 20px;}
.teacher-box .card-body ul{position:relative;float:left;width:100%;background: #fff;}
.teacher-box .card-body ul li{float:left;margin: 10px 5px 10px;;padding: 3px 15px;border-radius: 4px;}
.teacher-box .card-body ul li a:hover{color:##00BED4;}
.teacher-box .card-body ul li a{padding:2px 4px;color: #888;font-size: 14px;}
.teacher-box .card-body ul li.selected a{border-radius:4px;color:#fff;}
.teacher-box .card-body .subs{position:relative;clear:both;margin:10px 0 10px 80px;max-width:990px;background:#fff;}
.teacher-box .card-body .subs .subs{position:relative;margin:10px 20px 10px 30px;}
.teacher-box .card-body .subs .sub-course{float:none;padding-right:14px;width:auto;}
.teacher-box .card-body .subs .sub-course li{float:none;display:inline-block;margin:0 0 4px 14px;}
.teacher-box .card-body .tit{display:inline-block;color:#333;}
.teacher-box .card-body .tit i{float:left;margin-top:3px;margin-left:3px;width:12px;height:12px;background-position:-519px -119px;}
.teacher-box .card-body .con{position:absolute;top:20px;z-index:2;display:none;padding:10px 0 0 10px;width:120px!important;border:1px solid #ebeced;background:#fff;}
.teacher-box .card-body .on .con{display:block;}
.teacher-box .card-body .con li{float:none;display:block;}
.teacher-box .card-body .con li.active a{margin-left:3px;border:1px solid #00BED4;border-radius:2px;background:#00BED4;color:#fff;}
.teacher-box .card-body .tit span{margin-right:0;width:auto;}
.teacher-box .card-body .tit .dh{margin:0 0 0 4px;}
.teacher-box .card-body .tit a{float:left;margin-left:3px;padding:3px 4px;border:1px solid #00BED4;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#00BED4;color:#fff!important;line-height:1;}
.card-body input{margin:-2px 3px 0 0;}
.card-body .selected{background-color:#00BED4; }
.card-body .selected a{color:#fff;padding: 3px 15px; }
.class_left{float:left;margin-bottom:30px;width:100%;}
.class_left{margin-bottom:30px;}
.class_left .card-main{margin-top:30px;float: left;}
.content-card .card-body dt{height:38px;line-height:38px;}
.content-card .card-body .nav-item{position:relative;float:left;margin-left:-1px;padding:0 14px;border:solid 1px #f7f7f7;border-width:0 1px;color:#888;vertical-align:top;}
.content-card .card-body label{cursor:pointer;}
.content-card .card-body label+label{margin-left:10px;}
.content-card .card-main {float: left;width: 100%;margin-top: 30px;}
.content-card .card-body .nav-item.active,.content-card .card-body .nav-item:hover{border-color:#eee;background-color:#fff;}
.content-card .card-body .nav-item label:hover,.content-card .card-body .nav-item.active a,.content-card .card-body .nav-item:hover a{color:#00BED4;}
.content-card .card-body .to-map{display:block;margin-right:10px;width:130px;height:35px;background:url(../icon/map_icon_a61f8edb06.png) no-repeat;cursor:pointer;}
.content-card .card-body .top-pager i{width:12px;height:12px;}
.content-card .card-body .top-pager .icon-prev{background-position:-469px -69px;}
.content-card .card-body .top-pager .icon-next{background-position:-519px -69px;}
.content-card .card-body .top-pager span{margin:0 5px;}
.content-card .card-body .top-map,.content-card .card-body .top-pager{float:right;}
.content-card .nav-item .icon-01{margin-left:5px;width:8px;height:12px;background-position:-220px -219px;}
.content-card .nav-item.active .icon-01{width:8px;height:12px;background-position:-220px -219px;}
.content-card .nav-item.active .icon-01{width:8px;height:12px;background-position:-220px -219px;}
.content-card .card-body .icon-02{margin-left:5px;width:12px;height:7px;background-position:-469px -172px;}
.content-card .card-body dd{padding:9px 0;height:20px;line-height:20px;}
.content-card .card-body dd .nav-item{border-right:solid 2px #eee;}
/*列表 */
.institutionlist {margin-left: -30px;width: 1230px;}
.institutionlist>span{margin-left: 30px;}
.institutionlist li{float: left;width: 25%;}
.institutionlist li .div_box{position: relative;margin: 0 0 30px 30px;height: 300px;width: 275px;border: 1px solid #eee;border-radius: 4px;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;-ms-transition: 0.2s;background: #fff;text-align: center;overflow: hidden;}
.institutionlist li .div_box:hover{border: 1px solid #00BED4;background: #fafeff;}
.institutionlist li .div_box:hover .info{bottom: 0;}
.institutionlist .institution-photo{width:100%;height: 120px;}
.institutionlist .institution-photo img{margin-top: 17px;border: 1px solid #eee;width: 125px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;border-radius: 50%;}
.institutionlist .institution-info{width:100%;}
.institutionlist .name{width:100%;margin-top:5px;color:#333;font-size:22px;margin: 30px 0 20px 0;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.institutionlist .name a{color: #333;font-size: 18px;}
.institutionlist .intro{margin:8px 0;color:#333;font-size:16px;}
.institutionlist p{padding: 10px;color:#888;border-top: 1px solid #eee;font-size: 14px;overflow: hidden;height: 65px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.institutionlist .info{color: #fff;overflow:hidden;height: 100px;background: #00BED4;position: absolute;width: 100%;bottom: -100px;left: 0;text-align: center;transition: bottom 0.2s;}
.institutionlist .info em{display:inline-block;margin-left:10px;}
.institutionlist .info div{color:#fff;display: inline-block;font-size: 14px;}
.institutionlist .info .line{margin-top:40px;}
.institutionlist .info .second_bt{border-right: 1px solid #fff;border-left: 1px solid #fff;padding: 0 10px;margin: 0 10px;}
.institutionlist .info div i{margin:-3px 5px 0 0;width:14px;height:14px;background-position:-118px -318px;}
.institutionlist .sc{position:absolute;top:10px;right:10px;color:#999;font-size:14px;line-height:20px;}
.institutionlist .sc i{margin:-3px 2px 0 0;width:20px;height:20px;background-position:-165px -265px;}
.institutionlist .sc.on i{background-position:-115px -265px;}
.institutionlist .more{position:absolute;right:15px;bottom:30px;display:none;width:100px;height:36px;border-radius:3px;background-color:#00BED4;color:#fff;text-align:center;font-size:16px;line-height:36px;}
.institutionlist li:hover .more{display:block;}