@charset "utf-8";

#banner_index{
	background:url(../images/index/bg_banner.png) no-repeat 0 0 transparent;
	width:950px;
	height:310px;
	position:relative;
	overflow:hidden;
}
/*left content*/
#left_content{
	width:476px;
	float:left;
}
#product_content{
	width:100%;
	display:inline-block;
	/* margin:12px 0 0 0; */
}
#top_product{
	width:100%;
	height:40px;
}
#body_product{
	background:url(../images/index/bg_product.png) no-repeat scroll center center transparent;
	width::402px;
	height:140px;
	margin:7px 0 0 0;
	padding:18px 32px;
}
.row_product{
	width:206px;
	height:140px;
	float:left;
	overflow:hidden;
}
.img_product{
	width:100%;
	height:112px;
	margin-bottom: 3px;
}
.txt_product{
	
	color:#492f92;
	font-weight:bold;
	 line-height: 14px;
}
#tech_content{
	width:100%;
	display:inline-block;
	/* margin:12px 0 0 0; */
}
#top_tech{
	width:100%;
	height:40px;
}
#body_tech{
	background:url(../images/index/bg_tech.png) no-repeat scroll center center transparent;
	width:100%;
	height:169px;
	margin:7px 0 0 0;
	position:relative;
	display:inline-block;
}
.txt_tech{
	margin:8px 0 0 70px;
}
.select_tect select{
	width:122px;
	height:20px;
	margin:8px 0 0 70px;
}
.btn_search{
	background: url("../images/index/search_btn.png") repeat scroll 0 0 transparent;
    width: 81px;
    height: 28px;
	cursor: pointer;
    overflow: hidden; 
	float:right; 
	margin:-15px 10px;
	display:block;
}
.btn_search:hover{
	background: url("../images/index/search_btn_hover.png") repeat scroll 0 0 transparent;
}
/*left content*/

/*right content*/
#right_content{
	width:450px;
	float:right;
	
}
#news_content{
	width:100%;
	display:inline-block;
	/* margin:12px 0 0 0; */
}
#top_news{
	width:100%;
	height:40px;
}
#body_news{
	background:url(../images/index/bg_news.png) no-repeat scroll center center transparent;
	width:100%;
	height:176px;
	margin:7px 0 0 0;
}
.g_news{
	width:400px;
	height:67px;
	margin:15px 0 0 25px;
	display: inline-block
}

.txt_news, .topic_news{
	width:275px;
	float:left;
	margin:0 0 0 22px;
    
	overflow:hidden;
	
}
.txt_news{
	margin-top:4px;
	height:50px;
	overflow: hidden;
}
#media_content{
	width:100%;
	display:inline-block;
	/* margin:12px 0 0 0; */
}
#top_media{
	width:100%;
	height:40px;
}
#body_media{
	background:url(../images/index/bg_news.png) no-repeat scroll center center transparent;
	width:100%;
	height:176px;
	margin:7px 0 0 0;
}
/*right content*/

/* middle content*/
#middle_conntent{
	width:100%;
	display:inline-block;
}

#spark_content{
	width:100%;
	display:inline-block;
	/* margin:12px 0 0 0; */
}
#top_spark{
	width:100%;
	height:40px;
}
#body_spark{
	background:url(../images/index/bg_spark.png) no-repeat scroll center center transparent;
	width:100%;
	height:93px;
	display:inline-block;
	margin:7px 0 0 0;
}
.txt_spark{
	margin:14px 0 0 14px;
}

.txt_indicator{
	float:left;
	margin:10px 0 0 43px;
}

#indica1, #indica2, #indica3{
	background:url(../images/index/indicator1_opa.png) no-repeat 0 0 transparent;
	/* width:33px; */
	height:33px;
	float:left;
	cursor:pointer;
	margin-left:16px;
}
#indica2{
	background:url(../images/index/indicator2_opa.png) no-repeat 0 0 transparent;
}
#indica3{
	background:url(../images/index/indicator3_opa.png) no-repeat 0 0 transparent;
}
#indica1:hover{
	background:url(../images/index/indicator1.png) no-repeat 0 0 transparent;
}
#indica2:hover{
	background:url(../images/index/indicator2.png) no-repeat 0 0 transparent;
}
#indica3:hover{
	background:url(../images/index/indicator3.png) no-repeat 0 0 transparent;
}
#indica1:hover > #indica1{
	color:#666;
}
#indica2:hover > #indica2{
	color:#666;
}
#indica3:hover > #indica3{
	color:#666;
}
/* middle content*/

/* Easy Slider */

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:950px;
	height:310px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
	display:block; /*block*/
	width:35px;
	height:35px;
	position:absolute;
	left:-18px;
	top:52px;
}	
#nextBtn{ 
	left:266px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:35px;
	height:35px;
	background:url(../images/index/btn_home.png) no-repeat;
	background-position: 0 0px; 	
}
#nextBtn a{ 
	background:url(../images/index/btn_home.png) no-repeat;
	background-position: 0 -35px; 	
}
#prevBtn a:hover{ 
	background-position: 0 -70px; 	
}		
#nextBtn a:hover{ 
	background-position: 0 -105px; 	
}