@charset "utf-8";
/* CSS Document */
#main_bj{background-color:#676767;background-image: url(../img/portfolio/nei_bj01.jpg);background-repeat: repeat-x;background-position: top center;}
#main_bj .mainkong{ padding:50px 0 30px 0;}
#main_bj .img_bj{width:940px;float:left;padding:0 10px;background-image: url(../img/portfolio/mainbj.png);background-repeat:repeat-y;}
#main_bj .img_bj .kong{margin-right:20px;}
#main_bj .img_bj div{width:220px;height:140px;margin-bottom:20px;float:left;}	
#main_bj .img_bj div a span img {border:0; position:absolute;}/* allow javascript moves the img position*/    
#main_bj .img_bj div a span img .fade {position:absolute;}

/*========================portfolio subpage=========================*/
.subpagekong{padding-bottom:87px;}

.subpage_top{
	width:940px; 
	height:30px;  
	color:#FFF;
	padding-top:50px; 
	padding-left:10px;
	padding-bottom:50px;
	}
.subpage_top .company_name{
	width:243px;
	float:left;
	font-size:28px;
	line-height:28px;
	}
.subpage_top .products{
	width:477px;
	float:left;
	font-size:14px;
	line-height:14px;
	padding-top:12px;
	}
	
.subpage_top .page{width:220px;float:left;height:30px;display:block;}
.subpage_top .page .pageleft{
	width:29px;
	height:29px;
	float:left; 
	background-image:url(../img/portfolio/an01.png);}
.subpage_top .page .pageleft a{
	width:29px;
	height:29px;
	display:block;
	background-image: url(../img/portfolio/an01.png);
	background-repeat:no-repeat;
}
.subpage_top .page .pageleft a:hover {
	background-image: url(../img/portfolio/an01.png);
	background-position:0 -32px;
}
.subpage_top .page .pageright{
	width:170px;
	height:30px;
	float:right;
	color:#CCC;
	font-size:14px;
	line-height:30px;
	text-shadow:0px -1px 0px #000;
	background-image:url(../img/portfolio/an02.png);}	
.subpage_top .page .pageright a, .subpage_top .page .pageright a:visited{
	width:154px;
	height:30px;
	color: #CCC;
	display:block;
	padding-left:16px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image: url(../img/portfolio/an02.png);
}
.subpage_top .page .pageright a:hover {
	color:#FFF;
	text-decoration: none;
	background-position:0 -32px;
	background-image: url(../img/portfolio/an02.png);
}


/*              slider
=====================================================================*/
.box {
	width:960px;
	height:400px;
	overflow: hidden;
	position:relative;
	cursor:pointer;}
.box02 {height:525px;}
.box03 {height:770px;}

div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; white-space: nowrap}
div.slides > div,ul.slides li { position:absolute; top:0;display:none; padding:0; margin:0; list-style:none; line-height:0;}
/** Optional*/
#loopedSlider,#newsSlider { margin:0 auto; width:960px; position:relative; clear:both; }
ul.pagination {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	width:220px;
	overflow: hidden;
	bottom:-35px;
	left:728px;
}
ul.pagination li{ float:left;}
ul.pagination a { display:block; width:30px; margin-right:5px;  height:16px; overflow:hidden; background-image: url(../img/portfolio/an022.png);  background-repeat:no-repeat;}
ul.pagination li.active a {background-image: url(../img/portfolio/an011.png)}