@media screen and (max-width: 600px) {
	.provincearea{margin-top:-60px;}
	.provincearea .institute_provincelist{width:100%;padding:0px 0px 20px 0px;}
	.provincearea .institute_provincelist .list{width:calc(100%);padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;margin-top:20px;}
	.provincearea .institute_provincelist .list .contentbox .name{font-size: 18px;line-height:22px;height:22px;margin-top:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.provincearea .institute_provincelist .list .contentbox .summary{font-size: 14px;line-height:18px;height:36px;margin-top:15px;margin-bottom:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.provincearea .institute_provincelist .list:hover{width:calc(100% - 4px);border:2px solid #A7332B;}
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.provincearea{margin-top:-60px;}
	.provincearea .institute_provincelist{width:100%;padding:0px 0px 95px 0px;}
	.provincearea .institute_provincelist .list{width:calc(33.33% - 20px);padding:0px 0px 0px 0px;margin-left:30px;margin-bottom:30px;margin-top:0px;}
	.provincearea .institute_provincelist .list .contentbox .name{font-size: 20px;line-height:30px;height:30px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.provincearea .institute_provincelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.provincearea .institute_provincelist .list:hover{width:calc(33.33% - 20px - 4px);border:2px solid #A7332B;}
}
@media screen and (min-width: 1100px){
	.provincearea{margin-top:-60px;}
	.provincearea .institute_provincelist{width:100%;padding:0px 0px 95px 0px;}
	.provincearea .institute_provincelist .list{width:calc(25% - 21px);padding:0px 0px 0px 0px;margin-left:28px;margin-bottom:28px;margin-top:0px;}
	.provincearea .institute_provincelist .list:nth-child(4n-3){margin-left:0px;}
	.provincearea .institute_provincelist .list .contentbox .name{font-size: 22px;line-height:30px;height:30px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.provincearea .institute_provincelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.provincearea .institute_provincelist .list:hover{width:calc(25% - 21px - 4px);border:2px solid #A7332B;}
}
.provincearea{float:left;width:100%;background: #F4F9FF;overflow-x: hidden;}

.provincearea .institute_provincelist{float:left;}
.provincearea .institute_provincelist .list{cursor:pointer;position:relative;float:left;background: #FFFFFF;border-radius: 12px;}
.provincearea .institute_provincelist .list .contentbox{position:relative;float:left;width:100%;}
.provincearea .institute_provincelist .list .contentbox .name{float:left;width:calc(100% - 25px);padding-left:25px;font-weight: bold;color: #3D3D3D;}
.provincearea .institute_provincelist .list .contentbox .featurelist{float:left;width:calc(100% - 25px);padding-left:25px;font-size: 16px;line-height:24px;height:48px;margin-top:5px;margin-bottom:0px;overflow:hidden;}
.provincearea .institute_provincelist .list .contentbox .featurelist:last-child{margin-bottom:10px;}
.provincearea .institute_provincelist .list .contentbox .featurelist img{float:left;width:28px;height:28px;}
.provincearea .institute_provincelist .list .contentbox .featurelist span{float:left;}
.provincearea .institute_provincelist .list .province_pic{position:relative;float:left;width:100%;height:0px;padding-bottom:100%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.provincearea .institute_provincelist .list .province_pic_info{display:none;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:rgba(48, 60, 134, 0.3);border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.provincearea .institute_provincelist .list:hover .name{color:#A7332B;}
.provincearea .institute_provincelist .list:hover .province_pic_info{display:block;}