.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_box_bg{
	background: #f1f8fd;
}
.tab_box_bg .tab_content{
	overflow: hidden;
}
.tab_box_bg .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_box_bg .tab_item:nth-child(even){
	margin-right: 0;
}
.tab_box_bg .text{
	width: 2.7rem;
}
.tab_box_bg .commit_time, .tab_box_bg .img,.tab_box_bg .text{
	float: left;
}
.tab_box_bg .commit_time{
	margin-right: .2rem;
}
.tab_box_bg .img{
	margin-right: .28rem;
}
.tab_box_bg .img img{
	width: 1.91rem;
	height: 1.39rem
}
.tab_box_bg .text{
	color: #333
}
.tab_box_bg .text h4{
	font-size: .18rem;
	line-height: .24rem;
	overflow: hidden;
		  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	
}
.tab_box_bg .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;
}
.tab_box_bg .text a img{
	width: .64rem;
	height: .23rem;
}
.tab_box_bg .red .commit_time{
	background: #e62129;
}
.tab_box_bg .page{
	margin: .5rem auto;
}
.tab_box_bg .tab_conte_item{
	overflow: hidden;
}

.tab_box_bg .tab_list-item{
	display: none;
}
.tab_box_bg .tab_list-item.show{
	display: block;
}
.video_list .title{
	padding-top: .26rem;
	text-align: center;
	border-bottom: 1px solid #dedede;
}
.video_list .title h3{
	display: inline-block;
	font-size: .3rem;
	font-weight: bold;
	color: #006db8;
	padding: .3rem 0;
	position: relative;
}
.video_list .title h3:after{
	content: " ";
	display: block;
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 5px;
	background:#006db8; 
}
.video_list .item_box{
	overflow: hidden;
	padding: .7rem 0 .34rem 0;
}
.video_list .item_box .item{
	width: calc(25% - .225rem);
	float: left;
	margin-right: .3rem;
	padding:.1rem;
	box-sizing: border-box;
	background: #f1f8fd;
	margin-bottom: .3rem;
}
.video_list .item_box .item:nth-child(4),.video_list .item_box .item:nth-child(8){
	margin-right: 0;
}
.video_list .item_box p{
	font-size: .16rem;
	line-height: .26rem;
	margin: .2rem 0;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
}
.video_list .item_box img{
	width: .64rem;
	height: .23rem;
	margin-bottom: .1rem;
}
.video video{
	width: 100%;
}
.video{
	position: relative;
}
.video_play{
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	width: .45rem;
	height: .45rem;
	margin:-.225rem  0  0 -.225rem; 
	background: url(../images/video_play.png) no-repeat;
	background-size: 100%;
	display: none;
}
.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) {
	.tab_box_bg .commit_time, .tab_box_bg .img,.tab_box_bg .text{
		float: none;
	}
	.tab_box_bg .img,.tab_box_bg .commit_time{
		margin-right: 0;
	}
	.tab_box_bg .tab_item{
		padding:20px;
	}
	.tab_box_bg  .commit_time,.tab_box_bg .img{
		margin-bottom: 10px;
	}
	.tab_box_bg .text{
		width: 100%;
	}
	.tab_box_bg .text h4{
	
		font-size: 14px;
		line-height: 20px;
	}
	.tab_box_bg .text p{
		font-size: 12px;
		margin: 10px 0;
	}
	.tab_box_bg .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_box_bg .tab_item{
		width: 100%;
		margin:0 0 10px 0;
	}
	
	.tab_box_bg .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%;
	}
}