.banner img{
	width: 100%;
}
.post_list_bg{
	background: url(../images/xyzp_item1_bg.jpg) no-repeat;
	background-size: cover;
}
.post_list h3{
	text-align: center;
	font-size: .4rem;
	padding: .8rem 0 .3rem 0;
}
.post_list h4{
	text-align: center;
	font-size: .4rem;
	padding:1.9rem 0 .8rem 0;
}
.post_list .tab{
	width: 5rem;
	margin: 0 auto;
	overflow: hidden;
}
.post_list .tab a{
	display: block;
	float: left;
	width: calc(50% - .15rem);
	margin-right: .3rem;
	line-height: .6rem;
	text-align: center;
	font-size: .24rem;
	color: #006db8;
	border:1px solid #006db8;
	border-radius: 5px;
	box-sizing: border-box;
}
.post_list .tab a.active{
	background: #006db8;
	color: #fff;
}
.post_list .tab a:last-child{
	margin-right: 0;
}
.post_item_box{
	overflow: hidden;
}
.post_list .item{
	width: calc(23% - .21rem);
	float: left;
	margin-left: .28rem;
	text-align: center;
	margin-bottom: .28rem;
	box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
	background: #fff;
	padding: 20px 0;
}
/*.post_list .item:nth-child(4){
	margin-left: 0;
}*/
.post_list .item .img{
	padding: 0 0 .26rem 0;
}
.post_list .item .img img{} 
.post_list .item .desc{font-size: .22rem;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;} 
.post_list  .more_btn{padding: .36rem 0 .56rem 0; text-align: center;} 
.post_list  .more_btn a{display:inline-block; color: #fff; font-weight: bold; font-size: .22rem; background: #006db8;padding:0 .18rem; line-height: .56rem; border-radius: 8px;} 
.post_list  .more_btn a i{width: .35rem; height: .15rem;display: inline-block; background: url(../images/xyzp_go.png) no-repeat;background-size: 100%;}  
.info_box{
	background: url(../images/xyzp_item2_bg.jpg) no-repeat;
	background-size: cover;
}
.info_bg{
	overflow: hidden;
}
.info_box .text{
	width: 4.7rem;
	float: left;
	padding-top: 0.6rem;
}
.info_box .text p{
	font-size: .16rem;
	line-height: .26rem;
	margin-bottom: .28rem;
}
.info_box  .video{
	width: 5.5rem;
	height: 4.2rem;
	float: right;
	margin: .72rem 0 .5rem 0;
	background: url(../images/xyzp_vedio_box_bg.jpg) no-repeat;
	background-size: 100%;
}
.video_posi{
	position: relative;
	top: -.16rem;
	left: -.16rem;
}
.my-video-dimensions{
	width: 100%;
	height: 4.2rem; 
}
.vjs-button>.vjs-icon-placeholder:before{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.textImg{
	display: flex;
	padding: .7rem 0;
}
.textImg .img{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.textImg .img img{

	width: 6.64rem;
	height: 4.31rem;
}
.textImg .text{
	flex: 1;
	background: #f1f8fd;
	/*height: 4.9rem;*/
	padding: .5rem .65rem;
	box-sizing: border-box;
}
.textImg .text h4{
	font-size: .24rem;
	margin-bottom: .15rem;
}
.textImg .text .desc{
	font-size: .16rem;
	line-height: .26rem;
}
.textImg .text ul{
	padding-top: .5rem;
	overflow: hidden;
}
.textImg .text li{
	width: 2.2rem;
	/*height: .9rem;*/
	float: left;
	margin-right: .5rem;
}
.textImg .text li:nth-child(even){
	margin-right: 0;
}
.textImg .text li h5{
	font-weight: bold;
	color: #006db8;
	font-size: .2rem;
	margin-bottom: .1rem;
}
.textImg .text li p{
	font-size: .16rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px;
} 
.textImg .go{
	padding-top: .2rem;
}
.textImg .go a{
	width: 80px;
	height: 30px;
	/*line-height: .3rem;*/
	text-align: center;
	background: #006db8;
	display: block;
}
.textImg .go a img{
	width: 35px;
	height: 15px;
	padding-top: 7.5px;
}
@media screen and (max-width: 1024px){
	.textImg{
		display: block;
	}
	.textImg .text{
		display: block;
		width: 100%;
		height: auto;
	}
	.textImg .text li{
		width: calc(50% - 25px);
		margin-right: 50px;
	}
	.textImg .img img{
		width: 100%;
		height: auto;
	}
	.info_box .text,.info_box .video{
		width: 100%;
		float: none;
	}
	.info_box .text p{
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px){
	.post_list .more_btn a{
	    font-size: 14px;
	    padding: 0 10px;
	    line-height: 38px;
	}
	.post_list .tab{
		width: 100%;
		padding: 0 50px;
		box-sizing: border-box;
	}
	.post_list .tab a{
		width: calc(50% - 30px);
		margin-right: 60px;
		line-height: 30px;
	    text-align: center;
	    font-size: 16px;
	}
	.post_list h3{
		font-size: 16px;
		padding:30px 0;
	}
	.post_list h4{
		font-size: 14px;
	}
	.post_list .item .desc{
		font-size: 12px;
	}
	.textImg .text li p{
		font-size: 12px;
		line-height: 18px;
	}
	.textImg .text li h5{
		font-size: 14px;
	}
	.textImg .text h4{
		font-size: 16px;
	}
	.textImg .text .desc{
		font-size: 12px;
		line-height: 20px;
	}
}
@media screen and (max-width: 414px){
	.post_list .tab a{
		width: calc(50% - 10px);
		margin-right: 20px;
		line-height: 30px;
	    text-align: center;
	    font-size: 16px;
	}
	.post_list .more_btn{
		padding:30px 0;
	}
	.info_box .video,.my-video-dimensions{
		height: 258px;
	}
	.info_box .video{
		margin:40px 0; 
		background: none;
	}
	.video_posi{
		top: 0;
		left: 0;
	}
	.post_list .tab{
		padding: 0;
	}
}