.box_wrap{
	width: 100%;
	height: 100%;
	background: #f8fafd;
}
.box_inner{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.box_con{
	width: 100%;
	height: 100%;
	background: #f8fafd;
}

.bdsharebuttonbox .dianzan{display: none !important;}
.header_con{margin-top: 0 !important;}

/*面包屑*/
.box_nav{height:40px;background-color: #f8fafd;padding-top: 20px;}
.box_nav .box_inner{position: relative;width:1200px; margin: 0 auto; font-size: 14px; height: 40px; line-height:40px;box-sizing: border-box;padding-left: 120px;}
.box_nav .iconfont{font-size:14px; padding:0 3px;}
.box_nav .home{position: relative; top:-1px}
.box_nav .box_inner a{color: #aaa;}
.box_nav .box_inner a:hover{color: #167dfe;}
.box_nav .box_inner:before{
	position: absolute;
	left: 13px;
	top: 0;
	height: 40px;
	font-size: 17px;
	color: #167dfe;
	line-height: 40px;
	content: "视频中心";
}
.box_nav .box_inner:after{
	position: absolute;
	left: 3px;
	top: 13px;
	width: 83px;
	height: 12px;
	border-left: 2px #167dfe solid;
	border-right: 2px #167dfe solid;
	content: "";
}
.hmlist .box_nav .box_inner{padding-left: 10px;}
.hmlist .box_nav .box_inner:before,
.hmlist .box_nav .box_inner:after{display: none;}
.box_nav .home{display: none;}
.box_nav .iconfont{position: relative;top: -1px;color: #aaa;padding: 0 5px;}

/*.box_nav .right_arrow{font-size:10px;}*/

.bcon{
	width: 100%;
	height: 100%;
	margin-bottom: 35px;
}
.bcon .bcon_top{
	height: 466px;
	background: #fff;
}
.bcon .bcon_top .vid{
	position: relative;
	float: left;
	width: 828px;
	height: 466px;
	border-radius: 7px;
	overflow: hidden;
}
.bcon .bcon_top .vid video{display: block;border-radius: 15px;}
.bcon .bcon_top .vid span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	cursor: pointer;
	border-radius: 12px;
	background: url("/images/newweb/vedios/20210528170541286.jpg") no-repeat;
	background-size: 100%;
}
.bcon .bcon_top .vid span:before{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 83px;
	height: 83px;
	background: url("../images/bconvideo.png") no-repeat;
	transform: translate(-50%,-50%);
	content: "";
}
.bcon .bcon_top .rigtxt{
	float: left;
	width: 372px;
	padding-top: 18px;
}
.bcon .bcon_top .rigtxt p{
	font-size: 16px;
	color: #7f7f7f;
	line-height: 20px;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom: 1px #dbebff solid;
	padding: 17px 26px;
}
.bcon .bcon_top .rigtxt p:hover{color: #0071ff;}
.bcon .bcon_top .rigtxt p:last-child{border: none;}
.bcon .bcon_top .rigtxt p.cur{
	color: #fff;
	background-color: #0071ff;
}

.bcon .bcon_bot{
	width: 100%;
	margin-top: 20px;
}
.bcon .bcon_bot .hd{padding: 20px 0 10px;}
.bcon .bcon_bot .hd span{
	display: inline-block;
	height: 12px;
	font-size: 17px;
	color: #167dfe;
	line-height: 12px;
	border-left: 2px #167dfe solid;
	border-right: 2px #167dfe solid;
	padding: 0 6px;
}
.bcon .bcon_bot ul{
	position: relative;
	width: 1220px;
	padding-top: 18px;
}
.bcon .bcon_bot ul:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 1200px;
	height: 2px;
	background-color: #d1e6ff;
	content: "";
}
.bcon .bcon_bot ul li{
	float: left;
	width: 285px;
	height: 230px;
	background: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	display: none;
}
.bcon .bcon_bot ul li .bvideos{
	display: block;
	width: 100%;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
}
.bcon .bcon_bot ul li .bcon_video{
	width: 100%;
	height: 160px;
	border-radius: 7px 7px 0 0;
	overflow: hidden;
	position: relative;
}
.bcon .bcon_bot ul li .bcon_video .bconvideo{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60px;
	margin: auto;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	opacity: 0;
}
.bcon .bcon_bot ul li:hover .bvideos{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.bcon .bcon_bot ul li:hover .bcon_video .bconvideo{opacity: .9;}
.bcon .bcon_bot ul li h2{
	height: 40px;
	font-size: 15px;
	color: #424242;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 12px;
}

.morelist{
	font-size: 16px;
	color: #aaa;
	text-align: center;
	line-height: 31px;
}
.morelist span{
	position: relative;
	display: inline-block;
	height: 31px;
	cursor: pointer;
}
.morelist span:before,
.morelist span:after{
	position: absolute;
	left: -38px;
	top: 15px;
	width: 32px;
	height: 1px;
	background-color: #aaa;
	content: "";
}
.morelist span:after{left: auto;right: -38px;}

.mack{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 9999999;
}
.mack .mack_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
}
.mack .mack_con{
	position: absolute;
	width: 1000px;
	height: 500px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.mack .mack_con .close{
	position: absolute;
	right: -22px;
	top: -22px;
	cursor: pointer;
}

/* 翻页 */
#pagination{text-align:center; margin-top:25px; clear: both;margin-bottom: 30px;}
#pagination .yeshu{display: inline-block;}
#pagination .anniu{display: inline-block;}
#pagination .yeshu span{cursor: pointer;}
#pagination span,#pagination .prev , #pagination .next{display:inline-block; margin:0 3px; line-height:23px; border:1px solid #e5e5e5; padding:0 8px;background: #fff;}
#pagination .num:hover, #pagination .next:hover , #pagination .prev:hover{background:#2196F3; color:#fff; border:1px solid #2196F3;}
#pagination .yeshu span:hover{background:#2196F3; color:#fff; border:1px solid #2196F3;}
#pagination .current{background:#2196F3; color:#fff; border:1px solid #2196F3;cursor: auto !important;}
#pagination .sheng{border: none;}
#pagination .next,#pagination .prev{font-size:14px; padding:0 5px;}
#pagination input{width:18px; padding:0 10px;text-align: center;margin-top: -3px;}
#pagination .allspan{border-color:#fff;}
#pagination .sbtn{ background: #2E3340; border-color: #2E3340; color: #fff; cursor: pointer;width: 42px;padding: 3px;margin-top: -4px;}
#pagination .sbtn:hover{background:#2196F3; border-color:#2196F3;}
#pagination form{display:inline-block;}


/* 新闻列表 */
.bcon .bcon_left{
	width: 900px;
	height: 100%;
	padding: 45px 150px 30px;
	background: #fff;
	float: left;
}
.bcon .bcon_left .bconl_top{
	width: 100%;
	padding-bottom: 22px;
	border-bottom: 1px #d6d6d6 dashed;
}
.bcon .bcon_left .bconl_top .bconlt_left{
	float: left;
	width: 298px;
	height: 178px;
	overflow: hidden;
}
.bcon .bcon_left .bconl_top .bconlt_right{
	float: right;
	width: 550px;
	padding: 0 15px;
}
.bcon .bcon_left .bconl_top .bconlt_right h2{
	font-size: 20px;
	color: #2a2a2a;
	padding-top: 6px;
}
.bcon .bcon_left .bconl_top:hover .bconlt_right h2{color: #d72502;}
.bcon .bcon_left .bconl_top .bconlt_right p{
	font-size: 14px;
	color: #ababab;
	line-height: 22px;
	padding-top: 14px;
}
.bcon .bcon_left .bconl_top .bconlt_right p.bcon_time{text-align: right;padding-right: 5px;padding-top: 20px;}
.bcon .bcon_left ul{margin-bottom: 50px;}
.bcon .bcon_left ul li{
	padding: 20px 0;
	border-bottom: 1px #d6d6d6 solid;
	/*display: none;*/
}
.bcon .bcon_left ul li .bconli_left{
	float: left;
	width: 115px;
	height: 100px;
	background: #f3f3f3;
}
.bcon .bcon_left ul li .bconli_left p{
	font-size: 16px;
	color: #424242;
	padding: 20px 0 0 20px;
}
.bcon .bcon_left ul li .bconli_left p span{
	display: block;
	font-size: 26px;
	color: #d72502;
}
.bcon .bcon_left ul li .bconli_right{
	width: 740px;
	float: right;
	padding: 15px 22px 0;
}
.bcon .bcon_left ul li:hover{background: #f3f3f3;}
.bcon .bcon_left ul li .bconli_right h2{
	font-size: 18px;
	color: #2a2a2a;
}
.bcon .bcon_left ul li:hover h2{color: #d72502;}
.bcon .bcon_left ul li .bconli_right p{
	font-size: 14px;
	color: #ababab;
	line-height: 22px;
	padding: 6px 10px 0 0;
}
.bcon .bcon_left #pagination{margin-bottom: 60px;}



.hmlist_wap{display: none;}
.hmlist_wap .header{height: 3em !important;}
@media screen and (max-width: 750px){
	body{min-width: 100%;font-size: 1.5rem;}
	.box_inner{width: 100%;}
	.hmlist_pc{display: none !important;}
	.hmlist_wap{display: block;}
	#pagination span, #pagination .prev, #pagination .next{margin: 0 1px;padding: 0 4px;margin-bottom: 2%;}
	.box_con .bcon .bcon_left{
		width: 90%;
		padding: 6% 5% 5%;
	}
	.box_con .head_up .hp img{
		width:10em;
	}
	.box_con .box_nav{
		/*display:none !important;*/
	}
	.box_con .footermobel{
		display:none;
	}
	.box_con .bdshare-button-style0-16{
		display:none;
	}
	.box_con .box_nav .box_inner {
		width:100%;
	}
	.box_con .bcon .bcon_left ul li .bconli_right p{
		display:none;
	}
	.box_con .bcon .bcon_left ul li .bconli_left{
		width:20%;
		height:4em;
		float:left;
	}
	.box_con .bcon .bcon_left ul li .bconli_right{
		float:right;
		width: 78%;
		padding: 0;
	}
	.box_con .bcon .bcon_left .bconl_top img{width:100%;}
	.box_con .bcon .bcon_left .bconl_top .bconlt_right p{display:none;}
	.box_con .bcon .bcon_left .bconl_top .bconlt_left{width:42%;height:6em;}
	.box_con .bcon .bcon_left .bconl_top .bconlt_right{width:54%;}
	.box_con .bcon .bcon_left ul li .bconli_left p{
		font-size:1em;
		padding:7% 0 0 10%;
	}
	.box_con .bcon .bcon_left ul li .bconli_left p span{
		font-size:1.5em;
	}
	.box_con .bcon .bcon_left .bconl_top .bconlt_right h2{
		font-size:1.1em;
		font-weight:normal;
		word-break: break-all;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
	.box_con .bcon .bcon_left .bconl_top .bconlt_right{
		padding: .9em 0;
	}
	.box_con .bcon .bcon_left ul li{
		padding:3% 0;
	}
	.box_con .bcon .bcon_left ul li .bconli_right h2{
		word-break: break-all;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
		font-size:1.1em;
		margin:3% 0% 0 0;
	}
	.box_con .box_nav .box_inner{
		font-size:.8em;
	}
	.box_con .asd{
		font-size:1em !important;
	}
	.box_con .box_nav .iconfont{
		width:1em;
	}
	.box_con .bcon{
		margin-bottom:0;
	}
	.bcon .bcon_left #pagination {
		margin:0 0 2em 0;
		width: 100%;
	}
	.footermobel{display: none;}
	.footer_box{background: #EEEEEE;padding-bottom: 10%;}
    .footer_box p{padding: 3% 2%;text-align: center;color: #000;line-height: 1.5em;}
	.footer_box img{width: 4%;display:inline-block;}
	.bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 999; max-width: 750px;}
	.bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
	.bdzx a.zx_btn{border-right: 1px solid #fff; background: url('http://www.itheima.com/templates/subject/images/qq_icon.jpg') no-repeat 20% center; background-size: 10%;}
	.bdzx a.tel_btn{ background: url('http://www.itheima.com/templates/subject/images/phone_bg.jpg') no-repeat 17% center; background-size: 12%;}
	@media screen and (min-width: 750px){
		body{font-size: 1.5rem}
		.bdzx{height: 3.2em; left: 50%; margin-left: -375px;}
		.bdzx a{font-size: 1.3em;}
	}
}


.wzrightlist .fxbox{
    left: 3% !important;
    padding: .8em .5em !important;
}
.wzrightlist .fx_box .fx_list{
    font-size: .9em !important;
    line-height: 2.5em !important;
    margin: .25em 1.5% !important;
    height: 2.5em !important;
}
.wzheader{background: #fff !important;}
.wzleftlist .wzleftlist_con h3{font-size: 1.2em !important;}
.wzleftlist .wzleftlist_con ul li{font-size: .9em !important;}