.intro{
	margin: 20px 0;
}
.intro .tabs{
	margin-bottom: 35px;
	text-align: center;
}
.intro .tabs a{
	display: inline-block;
	margin: 0 12px;
	border: 1px solid #a9a9a9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #a9a9a9;
	width: 110px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	text-transform: uppercase;
}
.intro .tabs a.active,
.intro .tabs a:hover{
	color: #fff;
	background: #022950;
	border-color: #022950;
}
.intro .title{
	font-size: 28px;
	text-transform: uppercase;
	color: #022950;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
	line-height: 1.1em;
}
.intro .title .date{
	margin-top: 0;/*20px*/
	font-size: 14px;
	font-weight: 400;
}
.intro .title .date a{
	display: inline-block;
	margin: 0 10px;
	color: #2d3a43;
	text-decoration: underline;
}
.intro .title .date a:hover{
	color: #022950;
}
.intro .user{
	margin-right: -12px;
	margin-left: -12px;
	margin-bottom: 70px;
}
.intro .user .item_wrap{
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	width: 5.25%;
}
.intro .user .item_wrap .item{
	margin-bottom: 12px;
	min-height: 5px;
	width: 100%;
	position: relative;
}
.intro .user .item_wrap .item .name{
	position: absolute;
	top: 100%;
	left: 50%;
	font-size: 10px;
	text-transform: uppercase;
	color: #022950;
	display: none;
	z-index: 2;
	text-align: center;
	width: 120px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #022950;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	margin-left: -60px;
}
.intro .user .item_wrap .item:hover .name{ 
	display: inline-block;
}
.intro .user .item_wrap .item img{
	max-width: 100%;
	height: auto;
}
.intro .user .item_wrap .item.disabled img{
	filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media (min-width: 768px) {
	.intro .user .item_wrap:first-child{
		margin-left: 26.25%;
	}
	.intro .user .item_wrap:nth-child(3){
		margin-right: 10.5%;
	}
	.intro .user .item_wrap:nth-child(6){
		margin-right: 31.5%
	}
	.intro .user .item_wrap:nth-child(9){
		margin-right: 15.75%;
	}
	.intro .user .item_wrap:nth-child(15){
		margin-right: 10.5%;
	}
	.intro .user .item_wrap:nth-child(17){
		margin-right: 15.75%;
	}
	.intro .user .item_wrap:nth-child(18){
		margin-left: 10.5%;
	}
	.intro .user .item_wrap:nth-child(19){
		margin-right: 10.5%;
	}
	.intro .user .item_wrap:nth-child(28){
		margin-right: 21%;
	}
	.intro .user .item_wrap:nth-child(29){
		margin-left: 10.5%;
	}
	.intro .user .item_wrap:nth-child(46){
		margin-left: 15.75%;
	}
	.intro .user .item_wrap:nth-child(58){
		margin-right: 15.75%;/*21*/
	}
	/*.intro .user .item_wrap:nth-child(58){
		margin-left: 21%;
	}*/
	.intro .user .item_wrap:nth-child(59){
		margin-left: 26.25%;
	}
	/*.intro .user .item_wrap:nth-child(67){
		margin-right: 26.255%;
	}
	.intro .user .item_wrap:nth-child(68){
		margin-left: 36.75%;
	}*/
	.intro .user .item_wrap:nth-child(68){
		margin-right: 21%;
	}
	.intro .user .item_wrap:nth-child(69){
		margin-left: 36.75%;
	}
	.intro .user .item_wrap:nth-child(74){
		margin-right: 26.25%;
	}
	.intro .user .item_wrap:nth-child(75){
		margin-left: 47.25%;
	}
}
/********************************------------------------------------*/
.intro .inews{
	width: 100%;
	height: 175px;
	background: #022950;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	padding: 10px;
	margin-bottom: 20px;
}
.intro .inews .title{
	color: #fff;
	font-size: 12px;
	min-height: 35px;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 10px;
}
.intro .inews .title strong{
	font-weight: 700;
}
.intro .inews .user_img{
	float: left;
	margin-right: 10px;
}
.intro .inews .content_title{
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
/*
.intro .inews.laws{
	overflow-y: hidden;
} */
.intro .inews.laws .content{
	padding-left: 40px;
	padding-right: 15px;
	height: 110px;
	overflow-y: auto;
}
.intro .inews.laws .content a{
	display: block;
	font-weight: 700;
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	margin-bottom: 10px;
}
.intro .inews.laws .content a:last-child{
	border-bottom: none;
}
.intro .inews.laws .content a:hover{
	text-decoration: underline;
}
@media (max-width: 767px) {
	.intro .tabs a{
		margin-bottom: 12px;
	}
	.intro .user .item_wrap{
		width: 25%;
	}
}