.sonsort{float:left;width:100%;clear:both;}
.sonsort ul{}
.sonsort li{float:left;margin-right:2%;}
.sonsort li a{display:block;padding:0 30px;border:#d8d8d8 1px solid; border-radius:2em;line-height:2em; background:#FFF;}
.sonsort li a:hover{border:#3184ff 1px solid;color:#3184ff;}
.sonsort li .active{display:block;border:#3184ff 1px solid;color:#3184ff;}

.prolist{float:left;width:30%;margin:1% 1.5% 0;}
.honorlist{float:left;width:21%;margin:0 2%;}
@media screen and  (max-width:1073px){
.sonsort li{float:left;width:46%;margin:2%; text-align:center;}
.sonsort li a{display:block;padding:0 30px;border:#d8d8d8 1px solid; border-radius:2em;line-height:2em; background:#FFF;}
.sonsort li a:hover{border:#3184ff 1px solid;color:#3184ff;}
.sonsort li .active{display:block;border:#3184ff 1px solid;color:#3184ff;}


.prolist{float:left;width:100%;margin:0;}
.honorlist{float:left;width:46%;margin:0 2%;}

}
.card{
    margin:0;
}

.card {
    border: none;
	text-align:center;
}

.card .card-img-auto{height:auto;display:inline;border:#cdcdcd 1px solid;}
.card .card-img-auto_m{display:none;}
.card .card-img-auto img {
    transition: 2s;
	padding:0;
	margin:0;
	display:inline;
}

.card .card-img-auto img:hover {
    transform: scale(1.2, 1.2);
    transition: 2s;
}

.card-body {
    width: 100%;
    padding: 1.25rem 0.5rem 0;
	text-align:center;

}

.card:hover .card-body {
	text-align:center;
	color:#3385ff;
}

@media screen and  (max-width:1073px){

.card{margin:2px 0px;}
.card .card-img-auto{display:none;}
.card .card-img-auto_m{height:auto;display:inline;}
.card .card-img-auto_m img {
    transition: 2s;
	padding:0;
	margin:0;
	display:inline;
}

.card .card-img-auto_m img:hover {
    transform: scale(1.2, 1.2);
    transition: 2s;
}
.card-body {display:none;}
}



/*.card:hover .card-title a {
    color:#3385ff;
    border-color: #fff;
}

.card:hover .card-title {
    color: #fff;
}*/

.card-body .badge-secondary {
    background-color: #3184ff;
}


/*.card-body .card-title a {

    background: none;
    color: #3184ff;
    border: 1px solid #3184ff;
    float: right;
    padding: 0rem .75rem;
}
*/

@media only screen and (min-width: 576px) {
    .card-img-auto {

        overflow: hidden;
    }

    .card-img-200 {
        height: 200px;
        overflow: hidden;
    }

    .card-img-180 {
        height: 180px;
        overflow: hidden;
    }

    .card-img-150 {
        height: 150px;
        overflow: hidden;
    }

    .card-img-120 {
        height: 120px;
        overflow: hidden;
    }

    .card-img-100 {
        height: 100px;
        overflow: hidden;
    }
}