
@media (min-width:991px) {
	.faklist{
		width: 1400px;
		margin: 20px auto 50px;
	}
}

@media (max-width:991px) {
	.faklist{
		width: 100%;
		margin: 20px auto 50px;
	}
}

.faklist h1{
	display: block;
	padding-left: 10px;
	border-left: 4px solid #2154f5;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
}
.faklist .fanav{
	margin: 25px 0 10px;
}
@media (max-width:991px) {
	.faklist .fanav{
		display: none;
	}
}


.faklist .fanav ul{
	margin-left: -15px;
}

.faklist .fanav ul li{
	float: left;
	border: 1px solid rgba(0, 0, 0, .1);
	height: 30px;
	margin-left: 15px;
	border-radius: 3px;
}

.faklist .fanav ul li a{
	display: block;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
}
.faklist .fanav ul li:hover,.faklist .fanav ul .on{
	border-color: #2154f5;
}
.faklist .fanav ul li:hover a,.faklist .fanav ul a{
	color: #2154f5;
}


@media (min-width:991px){
	.faklist .list{
		width: 1400px;
		margin: 0 auto;
	}
}
@media (max-width:991px){
	.faklist .list{
		width: 98%;
		margin: 0 auto;
	}
}


@media (min-width:991px){
	.faklist .list ul{
		margin-left: -30px;
	}
	
}
@media (max-width:991px){
	.faklist .list ul{
		margin-left: -4%;
	}
	
}
@media (min-width:991px){
	.faklist .list ul li{
		margin-top: 20px;
		width: 327px;
		padding-bottom: 15px;
		border-radius: 8px;
		box-shadow: 0 5px 20px 0 rgba(33, 84, 245, .18);
		margin-left: 30px;
		float: left;
	}
}

@media (max-width:991px){
	.faklist .list ul li{
		margin-top: 20px;
		width: 46%;
		height: 260px;
		border-radius: 8px;
		box-shadow: 0 5px 20px 0 rgba(33, 84, 245, .18);
		margin-left: 4%;
		float: left;
	}
}



@media (min-width:991px){
	.faklist .list ul li .photo{
		width: 327px;
		height: 200px;
		
	}
}

@media (max-width:991px){
	.faklist .list ul li .photo{
		width: 100%;
		height: 140px;
		
	}
}

@media (min-width:991px){
	.faklist .list ul li .photo img{
		width: 327px;
		height: 200px;
		display: block;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}
}

@media (max-width:991px){
	.faklist .list ul li .photo img{
		width: 100%;
		height: 140px;
		display: block;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}
}



@media (min-width:991px){
	.faklist .list ul li .text{
		width: 297px;
		padding: 0 15px;
	}
}

@media (max-width:991px){
	.faklist .list ul li .text{
		width: 90%;
		padding: 0 5%;
	}
}


@media (min-width:991px){
	.faklist .list ul li .text .lanmu{
		display: inline-block;
		height: 24px;
		line-height: 24px;
		background: rgba(33, 84, 245, .18);
		margin-top: 8px;
		padding: 0 15px;
		border-radius: 4px;
		font-size: 14px;
	}
}

@media (max-width:991px){
	.faklist .list ul li .text .lanmu{
		display: inline-block;
		height: 20px;
		line-height: 20px;
		background: rgba(33, 84, 245, .18);
		margin-top: 8px;
		padding: 0 15px;
		border-radius: 4px;
		font-size: 12px;
	}
}


@media (min-width:991px){
	.faklist .list ul li .text h2{
		display: block;
		font-size: 18px;
		margin-top: 10px;
		line-height: 28px;
	}
}
@media (max-width:991px){
	.faklist .list ul li .text h2{
		display: block;
		font-size: 16px;
		margin-top: 10px;
		height: 40px;
		line-height: 20px;
	}
}


.faklist .list ul li .text .others{
	margin-top: 8px;
}


@media (min-width:991px) {
	.faklist .list ul li .text .others .auther{
		width: 150px;
	}
}
@media (max-width:991px) {
	.faklist .list ul li .text .others .auther{
		width: 50%;
	}
}
.faklist .list ul li .text .others .auther{
	float: left;
	height: 24px;
}

@media (min-width:991px) {
	.faklist .list ul li .text .others .auther img{
		width: 22px;
		height: 22px;
	}
}
@media (max-width:991px) {
	.faklist .list ul li .text .others .auther img{
	    margin-top: 4px;
		width: 16px;
		height: 16px;
	}
}
.faklist .list ul li .text .others .auther img{
	display: block;
	float: left;
	border-radius: 50%;
}

@media (min-width:991px) {
	.faklist .list ul li .text .others .auther span{
		margin-left: 5px;
	}
}

@media (max-width:991px) {
	.faklist .list ul li .text .others .auther span{
		margin-left: 2px;
	}
}
    

.faklist .list ul li .text .others .auther span{
	display: inline-block;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.4);
}

@media (max-width:991px){
    .faklist .list ul li .text .others .date{
        margin-top: 5px;
    }
}
.faklist .list ul li .text .others .date{
	display: inline-block;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.4);
	float: right;
}