.page-name{
	font-size: 55px;
	color: #333;
	font-weight: normal;
	margin-bottom: 0;
	text-align: center;
	line-height: 1;
}
.page-info{
	font-size: 14px;
	color: #888;
	font-weight: normal;	
	line-height: 28px;	
	margin-top: 20px;
}
.page-tab ul{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #DBDBDB;
	margin-bottom: 0;
}
.page-tab li{
	position: relative;
	flex: 1;
	height: 44px;
	line-height: 44px;
	font-weight: bold;
	font-size: 20px;
	color: #333;	
	text-align: center;
	cursor: pointer;
}
.page-tab li::before {
    content: "";
    position: absolute;
    background-color: #08996C;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-in-out 0s;
    z-index: 1;
}
.page-tab-2 li::before {
    content: "";
    position: absolute;
    background-color: #237FFA;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-in-out 0s;
    z-index: 1;
}
.page-tab li:hover::before{
	transform: scaleX(1);
}
.page-tab li.active::before{
	transform: scaleX(1);
}
.page-tab li:hover{
	color: #08996C;	
}
.page-tab li.active{
	color: #08996C;	
}
.page-tab-2 li:hover{
	color: #237FFA;	
}
.page-tab-2 li.active{
	color: #237FFA;	
}
.hidden{display: none!important;}
.page-top{
	display: flex;
    flex-wrap: wrap;	
	align-items: center;
}
.page-top .page-top-left{
	width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-right: 4%;
}
.page-top-left .page-top-text{
	font-size: 16px;
	color: #333;
	line-height: 20px;	
	white-space: nowrap;
	margin-top: 8px;
}
.page-top-left .page-top-btn{
	padding: 3px 32px;	
	color: #fff;
	font-size: 14px;
	margin-top: 22px;
}
.page-top-left .page-top-btn{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}
.page-top-left .page-top-btn::after,.page-top-left .page-top-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #08996C;
    transform: skew(15deg);
    transition: all .4s ease-in-out;
    z-index: -1
}
.page-top-left .page-top-btn::before {
    left: -10px
}
.page-top-left .page-top-btn::after {
    right: -10px
}
.page-top-left .page-top-btn:hover::after,.page-top-left .page-top-btn:hover::before {
    width: 60%
}
.dfs{
	background: #36B153;	
}
.ttxn{
	background: #EB6518;
}
.fnsz{
	background: #2A81EF;
}
.jzqh{
	background: #1d2974;	
}
.fcsp{
	background: #5B9935;		
}
.page-top .page-top-right{
	width: 71%;
	background: linear-gradient( 180deg, rgba(239,244,253,0.87) 0%, rgba(240,245,253,0) 100%);
	box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);	
	border-radius: 2px;	
	padding: 40px 48px;
	box-sizing: border-box;
}
.page-top .page-top-right p{
	font-size: 14px;
	color: #888;
	line-height: 28px;	
}
.page-top .page-top-num{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin-top: 48px;
}
.page-top .page-top-num .page-num-item{
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 25%;
}
.page-top .page-num-item span:first-child{
	font-weight: bold;
	font-size: 32px;
	color: #333;	
}
.page-top .page-num-item span:last-child{
	font-size: 12px;
	color: #888;	
}
@media (max-width:1000px){
	.page-top .page-top-num .page-num-item {
		width: 50%;
	}		
}
@media (max-width:768px){
	.page-top .page-top-left{
		width: 36%;
	}
	.page-top .page-top-right{
		width: 60%;
		padding: 20px 24px;
	}	
	.page-top-left .page-top-text {
		font-size: 14px;
	}	
	.page-tab{
		white-space: nowrap;
	}
	.page-name{
		font-size: 32px;		
	}
}
@media (max-width:640px){
	.page-top .page-top-left{
		width: 100%;
	}
	.page-top .page-top-right{
		width: 100%;
		padding: 20px 24px;
		margin-top: 24px;
	}	
}
.item-box{
    display: flex;
    flex-wrap: wrap;	
	justify-content: center;
	padding: 0 10%;
}
.item-box .page-item-a{
	width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-top: 24px;
}
.page-item-a h6{
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin: 0;	
}
.page-item-a p{
	font-size: 14px;
	color: #888;
	margin: 0;	
}
.page-item-a .page-item-icon{
	width: 38px;
	height: 38px;
	margin-right: 11px;
}
.page-item-a .page-item-info{
	width: 200px;
	padding-left: 80px;
}