@charset "utf-8";
/* CSS Document */

body{ background:url(../image/body_bg.jpg) center 80px no-repeat; }


/* --------------MIDDLE----------------- */
.index_middle_bg{
	width:100%;
	height:600px;	
}

.index_bar{
	width:100%;
	height:400px;
	margin:0 auto;
    margin-bottom:22px;
    overflow:hidden;
}

.index_bar .slide{
    width:100%;
    height:400px;
}

.index_bar .slick-dots{
    bottom:20px;    
}

.index_middle{
	width:1000px;
	height:150px;
	margin:0 auto;
}

.m_line{
	float:left;
	width:12px;
	height:150px;
	background:url(../image/i_m_line.jpg) center center no-repeat;
}

.m_news{
	position:relative;
	float:left;
	width:250px;
	height:150px;
}

.m_pro1, .m_pro2{
	position:relative;
	float:left;
	width:240px;
	height:150px;
	z-index:0;
}

.m_avtive{
	position:relative;
	float:left;
	width:222px;
	height:150px;
}

.pro_img{
	position:absolute;
	top:20px;
	left:120px;
	z-index:9;
	padding-bottom:10px;
}

.active_img{
	position:absolute;
	top:25px;
	left:117px;
	z-index:9;
	padding-bottom:10px;
}

.index_middle span{
	display:block;
	padding:5px 0 10px 15px;
}

.index_middle p{
	display:block;
	background:url(../image/tips.jpg) 15px center no-repeat;
	padding-left:24px;
}

.index_middle a{
	line-height:22px;
}

.index_middle a img{
	position:absolute;
	left:15px;
	bottom:6px;
	width:38px;
	height:15px;
}