.w1200{
	width: 12rem;
	margin:0 auto;
}
.carousel .item{
	overflow: hidden;
	background: #f1f9fe;
	padding: .4rem;
	box-sizing: border-box;
}
.swiper_box{
	margin-bottom: 1.5rem;
}
.carousel .item .img {
	float: left;
}
.carousel .item .img img{
	width: 5.13rem;
	height: 3.34rem;
}
.carousel .item .text{
	width: 5.46rem;
	float: right;
}
.commit_time{
	position: relative;
	text-align: center;
	display: inline-block;
	/*padding:.1rem;*/
	/*width: .73rem;*/
	/*height: .63rem;*/
	background: #006db8;
	border-radius: 0 8px 0 8px;
	overflow: hidden;
	padding: 0 10px;
}
.commit_time i{
	font-weight: bold;
	font-size: 26px;
	color: #fff;
	font-style: normal;
}
.commit_time:after{
	position: absolute;
	content: '';
	display: block;
	height: 26px;
	width: 100%;
	background: #000;
	opacity: .1;
	left: 0;
	bottom: 0;
}
.commit_time span{
	position: relative;
	z-index: 2;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
}
.carousel .item .text h3{
	font-size: .26rem;
	margin-bottom:.3rem;
	overflow: hidden;

}
.carousel .item .text p{
	font-size: .16rem;
	line-height: .24rem;
	color: #555;
	
} 
.carousel .commit_time{
	margin: .5rem 0 .34rem 0;
}
.carousel .swiper_box .swiper_btn_box .left_btn{
	left: -.57rem;
}
.carousel .swiper_box .swiper_btn_box .right_btn{
	right: -.57rem;
}
.swiper-pagination{
	width: 100%;
	margin-top: .4rem;

/*	height: .4rem;
	line-height: .4rem;*/
	text-align: center;
}

  .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  text-align: center;
  background: #006bd8;
  margin: .1rem;
  /*padding: .1rem;*/
  vertical-align: middle;
  border-radius: 100px;
  border:1px solid #fff;
}
.swiper-pagination-bullet-active {
 	position: relative;
  background: #fff;
  padding: .1rem;
  border-color: #e62129;
}
.swiper-pagination-bullet-active:after{
	content: '';
	width: 11px;
	height:11px;	
	margin-left: -5.5px;
	position: absolute;
	border-radius: 50%;
	background: #e62129;
}

 .tab_content{
	overflow: hidden;
}
 .tab_item{
	overflow: hidden;
	width: calc(50% - .15rem);
	background: #fff;
	padding: .3rem .1rem;
	float: left;
	margin-right: .3rem;
	margin-bottom: .3rem;
	box-sizing: border-box;
}
 .tab_item:nth-child(even){
	margin-right: 0;
}
 .text{
	width: 2.7rem;
}
 .commit_time,  .img, .text{
	float: left;
}
 .commit_time{
	margin-right: .2rem;
}
 .img{
	margin-right: .28rem;
}
 .img img{
	width: 1.91rem;
	height: 1.39rem
}
 .text{
	color: #333
}
 .text h4{
	font-size: .18rem;
	line-height: .24rem;
	overflow: hidden;
		  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	
}
 .text p{
	font-size: .16rem;
	color: #999999;
	margin: .2rem 0;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 1;
}
 .text a img{
	width: .64rem;
	height: .23rem;
}
 .red .commit_time{
	background: #e62129;
}
 .page{
	margin: .5rem auto;
}
 .tab_conte_item{
	overflow: hidden;
}




.zbdt_content .bottom_banner{
	overflow: hidden;
	margin-bottom: .7rem;
}
.zbdt_content .bottom_banner a{
	width: 50%;
	display: block;
	float: left;
}
.zbdt_content .bottom_banner img{
	width: 100%;
}
.my-video-dimensions{
	width: 100%;
	height: 150px;
}
.vjs-button>.vjs-icon-placeholder:before{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
	font-size: 16px;
}
.video-js .vjs-control{
	width: 30px;
	padding:0;
}
.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0;
}
/*.video_list .item_box .item*/
@media screen and (max-width: 1024px) {
	 .commit_time,  .img, .text{
		float: none;
	}
	 .img, .commit_time{
		margin-right: 0;
	}
	 .tab_item{
		padding:20px;
	}
	  .commit_time, .img{
		margin-bottom: 10px;
	}
	 .text{
		width: 100%;
	}
	 .text h4{
	
		font-size: 14px;
		line-height: 20px;
	}
	 .text p{
		font-size: 12px;
		margin: 10px 0;
	}
	 .text a img{
		width: 64px;
    	height: 23px;
	}
	.video_list .item_box p{
		font-size: 14px;
		line-height: 20px;
		margin:10px 0;
	}
	.video_list .item_box img{
		width: 64px;
	    height: 23px;
	    margin-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	.carousel .item .img,.carousel .item .text{
		float: none;
	}
	.carousel .item .img img,.carousel .item .text{
		width: 100%;
		height: auto;
	}
	.carousel .item .text h3{
		font-size: 16px;
		padding: 20px 0;
	}
	.carousel .item .text p{
		font-size: 14px;
		line-height: 22px;
	}
	.swiper_box{
		width: 100%;
	}
	.swiper_box{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 414px){
	 .tab_item{
		width: 100%;
		margin:0 0 10px 0;
	}
	
	 .img img{
		width: 100%;
		height: auto;
	}
	.video_list .item_box .item{
		width: 100%;
		padding: 10px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.video_play {
	    width: 45px;
	    height: 45px;
	    margin: -22.5px 0 0 -22.5px;
	}
	.video_list .title h3{
		font-size: 14px;
		padding: 15px 0;
	}
	.zbdt_content .bottom_banner a{
		width: 100%;
	}
}