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

/************************************************************************************
home
*************************************************************************************/
#home{
	padding:192px 10px 25px;	
}
#slider_bullet{
	text-align:center;
	margin:0 0 75px;
}
#slider_bullet ul li{
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin:0 5px;
}
#slider_bullet ul li a{
	display:block;
	width:8px;
	height:8px;
	background:url(../images/common/bullet.png) no-repeat;	
}
#slider_bullet li a.current{
	background:url(../images/common/bullet_over.png) no-repeat;	
}
#slider_txt{
	position:relative;
	text-align:center;
	margin:0 0 195px;
	padding:0 0 55px;
	min-height:135px;
	/*background:url(../images/home/slider_line.png) no-repeat center bottom;	*/
}
#slider_txt ul li{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:100%;
}
#slider_txt ul li.current{
	display:block;
}
/*#home_contact{
	width:260px;
	padding:0 0 0 25px;
	margin:0 0 20px;
	text-align:center;
}*/
#home_contact{
	position:fixed;
	z-index:1000000;
	bottom:5px;
	left:28px;
	/*width:260px;
	padding:0 0 0 25px;
	margin:0 0 20px;
	text-align:center;*/*/
}

.txt1{

	position:relative;
	margin:0 0 0 213px;
}

.txt2{

	position:relative;
	margin:208px 0 0 213px;
}

.txt3{

	position:relative;
	margin:208px 0 0 213px;
}

.txt4{

	position:relative;
	margin:208px 0 0 213px;
}

.txt5{

	position:relative;
	margin:145px 0 0 213px;
}

/************************************************************************************
about
*************************************************************************************/
#about{
}
#about_txt1{
	float:left;
	width:470px;	
}
#about_txt2{
	float:right;
	width:480px;
}


/************************************************************************************
r-cast
*************************************************************************************/
#rCast{
	
}
#rCast_intro{
	margin:0 0 10px;
}
#rCast_introTxt{
	float:left;
	width:540px;
	margin:0 60px 0 0;
}

#rCast_list{
	padding:0 0 0 23px;
}
#rCast_list ul{
	margin:0 0 0 -60px;
}
#rCast_list ul li{
	position:relative;
	float:left;
	width:250px;
	height:180px;
	margin:0 0 30px 60px;
}

#rCast_list ul li .download{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:url(../images/product/download_mask.png) no-repeat;
}
#rCast_list ul li .download span{
	position:absolute;
	left:0px;
	bottom:18px;
	color:#c2d94e;
	width:100%;
	text-align:center;	
}
#rCast_list ul li .download span img{
	vertical-align:middle;	
}

/************************************************************************************
decor
*************************************************************************************/
#decor{
	
}
#decor_intro{
	float:left;
	width:540px;
	margin:0 40px 0 0;
}
#decor_introTxt{
	margin:0 0 20px;	
}
#decor .color1{
	color:#df89ff;	
}
#decor .color2{
	color:#9c82ff;	
}
#decor .color3{
	color:#fc8608;	
}
#decor .color4{
	color:#9cf924;	
}

#decor_list{
	padding:0 0 0 23px;
}
#decor_list ul{
	width:540px;
	text-align:center;
}
#decor_list ul li{
	position:relative;
	display:inline-block;
	zoom: 1;
	*display: inline;
	width:227px;
	height:227px;
	margin:0 20px 20px;
}

#decor_list ul li .download{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:url(../images/product/decor_mask.png) no-repeat;
}
#decor_list ul li .download span{
	position:absolute;
	left:0px;
	bottom:18px;
	color:#c2d94e;
	width:100%;
	text-align:center;	
}
#decor_list ul li .download span img{
	vertical-align:middle;	
}


/************************************************************************************
project
*************************************************************************************/
#project{
	font-family:'Avenir-85-Heavy',Sans-Serif;
}

/* nav */
#project_nav{
	font-size: 13px;
	float:left;
	width:125px;	
}
#project_nav ul li{
	margin:0 0 2px;	
}
#project_nav ul li a{
	color:#646464;
	padding:0 0 0 16px;
	background:url(../images/project/list_icon1.png) no-repeat left center;	
}
#project_nav ul li a:hover{
	color:#c2d94e;
	background:url(../images/project/list_icon2.png) no-repeat left center;	
}
#project_nav ul li a.current{
	color:#c2d94e;
	background:url(../images/project/list_icon3.png) no-repeat left center;	
}

/* list */
#project_list{
	float:right;
	font-size:15px;
	line-height:130%;
	width:735px;
}
#project_nowCate{
	font-family:'Avenir-LT-55-Roman',Sans-Serif;
	font-size:18px;
	text-align:right;
	margin:0 0 15px;
}
#project_nowCate span{
	padding:0 0 0 20px;
	background:url(../images/project/cate_line.png) no-repeat left center;	
}
#project_list ul{
	margin:0 0 0 -40px;
}
#project_list ul li{
	float:left;
	width:218px;
	height:210px;
	overflow:hidden;
	margin:0 0 20px 40px;
	border-bottom:1px solid #fff;
}
#project_list ul li:hover{
	border-bottom:1px solid #c2d94e;
	float:left;
	width:218px;
	height:210px;
	overflow:hidden;
	margin:0 0 20px 40px;
}
#project_list ul li a{
	display:block;
		
}
#project_list ul li .photo{
	position:relative;
	display: table-cell;
	vertical-align:middle;        
	text-align:center;        
	*display: block;
	*font-size: 131px;
	*font-family:Arial;
	width:218px;
	height:150px;
}
#project_list ul li .photo img {
	vertical-align:middle;
}
#project_list ul li .mask{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/project/view_mask.gif) no-repeat center bottom;	
}
#project_list ul li .name{
	display:block;
	width:100%;
	margin:8px 0;
	text-align:right;
	line-height:normal !important;
}
#project_list ul li .name p {
	text-align:right !important;
}
/* #project_list ul li .name span { */
	/* display:block;	 */
	/* line-height:150%;	 */
/* } */
#project_list .btnBar{
	margin:10px 0 0;
	text-align:right;
}
#project_list .btnBar a{
	outline: none;
	behavior:expression(this.onFocus=this.blur());	
}


/************************************************************************************
project detail
*************************************************************************************/
#projectDetail{
}
#projectDetail_right{
	float:right;
}
#projectDetail_box{
	width:800px;
	height:410px;
	padding:10px 20px;
	margin:0 0 25px;
	background:#000;
	border:1px solid #323232;
}

/* slidder */
#project_slider{
	float:left;
	width:520px;
}
#project_slider .photo_m{
	position:relative;
	display: table-cell;
	vertical-align:middle;        
	text-align:center;        
	*display: block;
	*font-size: 358px;
	*font-family:Arial;
	width:520px;
	height:410px;
}
#project_slider .photo_m img {
	vertical-align:middle;
}


#project_carousel{
	width:240px;
	margin:0 15px;
}
#project_carousel li {margin-right: 0px;}
#project_carousel img {display: block; opacity: .5; cursor: pointer;}
#project_carousel .flex-active-slide img {opacity: 1; cursor: default;}

.enlarge{
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	right:0px;
	bottom:8px;
	background:url(../images/project/zoom_icon.gif) no-repeat;
}

#project_right{
	float:right;
	width:270px;	
}
#project_info{
	margin:0 0 15px;	
}
#project_info ul li{
	margin:20px 0 0;
}
#project_info ul li:frist-child{
	margin:0px;
}
#project_info ul li p span {
	display:block;
}


/************************************************************************************
news
*************************************************************************************/
#news{
	
}
#news_list{
	width:100%;
	padding:25px 0 0;
	min-height:500px;
	background:url(../images/news/news_photo.png) no-repeat left top;	
}
#news_list ul{
	float:right;
	width:690px;
	border-top:1px solid #7e7e7e;
}
#news_list ul li{
	padding:10px;
	font-size:15px;
	line-height:22px;
	background:url(../images/news/news_bg1.png) repeat;
	border-bottom:1px solid #7e7e7e;
}
#news_list ul li.bg2{
	background:url(../images/news/news_bg2.png) repeat;
}
#news_list ul li .cate{
	float:left;
	display:block;
	width:125px;
	text-align:center;
	background:#409bf0;
	margin:0 25px 0 0;
}
#news_list ul li .link{
	float:left;
	color:#c2d94e;
}
#news_list ul li .date{
	float:right;
}


/************************************************************************************
contact
*************************************************************************************/
#contact .company{
	margin:0 0 55px;
}
#contact .company ul{
	margin:15px 0 0;	
}
#contact .company ul li{
	float:left;
	line-height:20px;
	padding:0 0 0 25px;
	margin:0 20px 0 0;
}
#contact .tel{
	background:url(../images/contact/tel_icon.png) no-repeat left center;	
}
#contact .fax{
	background:url(../images/contact/fax_icon.png) no-repeat left center;	
}
#contact .email{
	background:url(../images/contact/email_icon.png) no-repeat left center;	
}
#contact .email a{
	color:#c2d94e;	
}