.FloatR{float:right;}
.FloatL{float:left;}
.msfc-content{
	width:1400px ;
	margin:0 auto;
}
.msfc-content .content-item>.flex {
	justify-content: flex-start !important;
}

.msfc-content .content-nav {
	width: 700px;
	padding: 50px 0 30px
}
.msfc-content .content-nav li{
	margin-right: 20px;
}
.msfc-content .content-nav li:nth-of-type(2) a::before {
	background-position: 0 -30px
}

.msfc-content .content-nav li:nth-of-type(3) a::before {
	background-position: 0 -60px
}

.msfc-content .content-nav li:nth-of-type(4) a::before {
	background-position: 0 -90px
}

.msfc-content .content-nav li a {
	display: block;
	width: 160px;
	background-color: #fff;
	font-size: 20px;
	line-height: 50px;
	border-radius: 25px;
	box-shadow: 3px 3px 10px #d2d2d2;
	font-size: 18px;
	cursor: pointer;
}
.content-nav li a.active{background-color: #f4f4f4!important;}
.msfc-content .content-nav li a::before {
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	content: "";
	background: url(/publics/images/msfc/spirit.png) no-repeat;
	background-size: 30px
}

.msfc-content .content-item ul li {
	position: relative;
	overflow: hidden;
	width: calc((100% - 45px)/4);
	height:350px;
	margin-right: 15px; 
	margin-bottom: 15px;
	border-radius: 5px;
	float: left;
	
	
}
.msfc-content .content-item ul li:nth-child(4n) {
	margin-right: 0px; 
}
.msfc-content .content-item ul li img{
	display: block;
}
.msfc-content .content-item ul li:hover .item-text {
	transform: translateY(-60px)
}

.msfc-content .content-item ul li:hover h4::after {
	transform: translateX(40px)
}

.msfc-content .content-item ul li .item-text {
	padding: 20px;
	background-color: #f4f4f4;
	transition: transform .5s;
	-webkit-transition: transform .5s
}

.msfc-content .content-item ul li .item-text h4 {
	overflow: hidden;
	font-size: 22px;
	line-height: 1.4;
	color: #3b3b3b;
	font-weight: normal;
	transition: transform .3s;
	-webkit-transition: transform .3s
}

.msfc-content .content-item ul li .item-text h4::after {
	float: right;
	width: 50px;
	height: 30px;
	content: "";
	background: url(/publics/images/msfc/spirit.png) no-repeat;
	background-size: 30px;
	background-position: 10px -120px;
	transition: transform .3s;
	-webkit-transition: transform .3s
}

.msfc-content .content-item ul li .item-text p {
	height: 54px;
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.5;
	color: #8b8b8b;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.msfc-content .content-item ul li .item-text .info{
	margin-top: 10px;
}
.msfc-content .content-item ul li .item-text .info a {
	width: 46%;
	margin-top: 15px;
	border: #8b8b8b solid 1px;
	border-radius: 5px;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	color: #3b3b3b;
	margin-right: 30px;
	margin: 6px;
}

.msfc-content .content-item ul li .item-text .info a:hover {
	background-color: #ee7600;
	border: #ee7600 solid 1px;
	color: #fff
}
.d_felx {display: flex;justify-content: center;}


/* ·ÖÒ³ */
#dede_pages {
    text-align: center;
	
}

#dede_pages button{
	border: 1px;
  padding:0px 50px;
    text-align: center;
	cursor: pointer;
	 line-height: 45px;
	    background: #f4f4f4;
		font-size: 18px;
		
		box-shadow: 0 0 10px #c1c1c1;
		display: inline-block;
	color: #666;
	border-radius: 50px;
    margin: 40px auto;
}
#dede_pages {
	text-align: center;
	margin-top: 20px;
}
#dede_pages li:first-child,#dede_pages li:last-child{
	padding: 3px 15px;
}
#dede_pages li:first-child  a,#dede_pages li:last-child  a{
	padding: 0;
}
#dede_pages li{
	display: inline-block;
	color:#666;
	border: 1px solid #666;
} 
#dede_pages li a{
	font-size: 16px;
	display: block;
	padding: 3px 15px;
	color: #171717;
} 
#dede_pages .thisclass{
	color: #fff;
	background: #666;
	padding: 3px 15px;
}