/*顶部banner图*/
.main{height: auto;width: 1000px;margin-right: auto;margin-left: auto;}
.banner{height: 680px;width: 100%;}
.slide{height: 680px;position: relative;}
.slide .slide_task{position: absolute;left: 0px;top: 0px;height: 680px;background-repeat: no-repeat;background-position: center;min-width: 1240px;display: none;width: 100%;}

/*教学资源内容部分*/
.resource_library_area{
	width: 100%;
	
	margin-top: 90px;
}
.resource_library_content{
	width: 1200px;
	text-align: center;
	margin: 0 auto;
	
}
.resource_library_area .resource_library_tittle{
	font-size: 35px;
	color: black;
}
.resource_library_area .resource_library_introduce{
	font-size: 20px;
	margin-top: 20px;
}
.gang{
	width: 100px;
	height: 6px;
	background: #d4453e;
	margin: 0 auto;
	margin-top: 19px;
}




/*该页面所有点播图外层盒子样式*/
.index_product_content{
	width: 1000px;
	margin: 0 auto;
	min-height: 400;
}
.content_area{
	width: 100%;
	min-height: 400px;
	margin-top: 74px;
	text-align: center;
}
.content_area .content_tittle{
	font-size: 35px;
	color: black;
}
.bottom_yinying{
	width: 100%;
	height: 39px;
	background: #626262;
	position: absolute;
	bottom: 0;
	font-size: 18px;
	color: white;
	line-height: 39px;
}
.click_radio_list{
	width: 107px;
	height: 16px;
	margin: 0 auto;
	margin-top: 32px;
}

.click_radio_list ul{
	margin-left: -10px;
}
.click_radio_list ul li{
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #dcdcdc;
	margin-left: 10px;
	float: left;
	cursor:pointer; 
}
.click_radio_list ul .radio_current{
	background: #d92f2f;
}
/*左侧滑出样式*/
.product_center{
	position: relative;
	min-height: 403px;
}
.product_center .u_list1 {
	position:relative;
	min-height: 405px;
	width: 885px;
	padding:0px;
	margin: 0 auto;
	margin-top: 52px;
}

.product_center .u_list1 ul {
	min-height: 405px;
	width: 885px;
	left:0px;
	top: 0px;
}
.product_center ul li {
	float: left;
	min-height: 405px;
	width: 280px;
	margin-left:15px;
	text-align: center;
	position: relative;
	word-break: break-all;
}
.li_img_name{
	color: #010101;
	font-size: 20px;
	margin-top: 20px;
}
.li_img_name_produce{
	font-size: 14px;
	color: #656565;
	margin-top: 18px;
	line-height: 20px;
}
.product_center ul li .li_img {
	height: 250px;
	width: 280px;
	position: relative;
	overflow: hidden;
}
.product_center ul li .li_img img{
	position: absolute;
	top: 0;
	left: -6px;
	padding-right: 6px;
	transition: left 0.25s;
	-webkit-transition: left 0.25s;
	-moz-transition: left 0.25s;
}
.product_center ul li .li_img:hover img{
	left: 0px;
}
.product_center ul li .li_img .box_zhezhao{
	width: 100%;
	height: 100%;
	background: rgba(47,47,47,0);
	position: relative;
	left: 0;
	top: 0;
	z-index: 99;
	transition: background 0.25s;
	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	border:1px solid white;
	cursor: pointer;
}

.product_center ul li .li_img:hover .box_zhezhao{
	background: rgba(47,47,47,0.6);
	
}
.product_center ul li .li_img .box_zhezhao .da_quan{
	width: 102px;
	height: 103px;
	background: url(../images/quan.png);
	margin-top: 71px;
	margin-left: -85px;
	opacity: 0;
	transition: opacity 0.25s,transform 0.25s;
	-webkit-transition: opacity 0.25s,transform 0.25s;
	-moz-transition: opacity 0.25s,transform 0.25s;
	cursor: pointer;
}
.product_center ul li .li_img:hover .box_zhezhao .da_quan{
	transform:translateX(171px);
	opacity: 1;
}
.product_center ul li .li_img .box_zhezhao .search{
	width: 53px;
	height: 53px;
	background: url(../images/search.png);
	margin-top: -76px;
	margin-left: 288px;
	opacity: 0;
	transition: opacity 0.25s,transform 0.25s;
	-webkit-transition: opacity 0.25s,transform 0.25s;
	-moz-transition: opacity 0.25s,transform 0.25s;
}
.product_center ul li .li_img:hover .box_zhezhao .search{
	transform:translateX(-178px);
	opacity: 1;
	cursor: pointer;
}
.product_center ul li .img_names {
	margin-top: 27px;
	font-size: 20px;
	color: black;
}
.product_center .img_price{
	color: #656565;
	font-size: 14px;
	margin-top: 19px;
}