@charset "utf-8";
/* CSS Document */
/*每個分區的內容外包大小*/
header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top:3px solid #43AEEF;	
}
article {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
aside {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background:url(wrapper/footer/bg.jpg) repeat-x;
}

#header {
	width: 1000px;
	height: 93px;
	margin: 0 auto;
	position: relative;
	background: url(wrapper/bg_header.jpg) repeat-x;
	margin-bottom:27px;
	border-top: 3px solid #43AEEF;
    top: -3px;
    }

#banner_box {
	width: auto;
	height: 400px;
	margin: 0 auto;
	position: relative;
	background: url(wrapper/banner-bg.jpg) 50% 50% no-repeat;
	}
#banner {
	width: 1000px;
	height: 400px;
	margin: 0 auto;
	position:relative;
	box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.12);
}
#banner:before {
	position:absolute;
	background:url(wrapper/banner/shandow.png) no-repeat;
	display: inline-block;
    content: "";
	height:400px;
	width:12px;
	left: -12px;
}
#banner:after {
	position:absolute;
	background:url(wrapper/banner/shandow_02.png) no-repeat;
	display: inline-block;
    content: "";
	height:400px;
	width:12px;
	right: -12px;
}

#news_box{
	background: url(wrapper/news/bg_news.png) no-repeat;
	position: absolute;
	width: 950px;
	height: auto;
	top: 12px;
	left: 25px;
	}
#news_title{
	width:123px;
	height:16px;
	}

#news_last{
	position:absolute;
	top:50px;
	left:195px;
	width:5px;
	height:3px;
	z-index:10;
	}
#news_next{
	position:absolute;
	top:57px;
	left:195px;
	width:5px;
	height:3px;
	z-index:10;}
#news_info{
	position: absolute;
	width: 780px;
	height: atuo;
	left: 146px;
	top: 0px;
	}
#news_info .news_data{
	float: left;
	width: auto;
	height: 16px;
	font-size: 12px;
	color: #FF7F00;
	}
#news_info .news_text{
	float: right;
	width: 695px;
	height: atuo;
	letter-spacing: 0.1em;
	}
#news_info .news_text a{
	color:#747474;
	}
#news_info .news_text a:hover{
	color:#85B200;
	}

#news_more img{
	position: relative;
	z-index: 2;
	display: block;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
#news_more:hover img {
	opacity: 0.5;
}
#news_more {
	position: absolute;
	overflow: hidden;
	width: 38px;
	height: 7px;
	top: 51px;
	right: 41px;
	z-index: 555;
	}
#news_more span {
	background:url(wrapper/news/news_more-2.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

#content{
	position: relative;
	width: 1000px;
	height: 240px;
	margin: 0 auto;
	margin-bottom:20px;
	margin-top: 30px;
}

#content_about{
	position: relative;
	background-image: url(wrapper/about/about_bg.png);
	width: 608px;
	height: 193px;
	top: 0px;
	left: 0px;
}

#about_info{
    text-decoration: none;
    float: left;
    width: 312px;
    height: 104px;
    margin-top: 63px;
    margin-left: 255px;
    font-size: 13px;
    line-height: 20px;
    color: #777777;
}
#about_more{
	width: 56px;
	height: 18px;
	position: absolute;
	top: 14px;
    right: 5px;
	z-index: 100;
	}
	
#about_more a{
	height:9px;
	width:45px;
	display: block;
	background-image:url(wrapper/icon_more01.png);
	-webkit-transition: background-image 300ms linear;
	-moz-transition: background-image 300ms linear;
	-o-transition: background-image 300ms linear;
	transition: background-image 300ms linear;
	}

#about_more a:hover{
	background-image:url(wrapper/icon_more02.png);
	}
#qlink{
	position: absolute;
	width: 375px;
	height: 191px;
	top: 0px;
	right: 0px;
	}
#qlink_recruited{
	float:left;
	width:180px;
	height:180px;
	}
#qlink_recruited a{
	width:180px;
	height:180px;
	background-image: url(wrapper/prouct01.png);
	display: block;
	-webkit-transition: background-image 300ms linear;
	-moz-transition: background-image 300ms linear;
	-o-transition: background-image 300ms linear;
	transition: background-image 300ms linear;
	}
#qlink_recruited a:hover{
	background-image: url(wrapper/prouct02.png);
    }
#qlink_contact{
	float:right;
	width:180px;
	height:180px;
	}
#qlink_contact a{
	width:180px;
	height:180px;
	background-image: url(wrapper/contact01.png);
	display: block;
	-webkit-transition: background-image 300ms linear;
	-moz-transition: background-image 300ms linear;
	-o-transition: background-image 300ms linear;
	transition: background-image 300ms linear;
	}
#qlink_contact a:hover{
	background-image: url(wrapper/contact02.png);
    }
#content_news{
	background-image: url(wrapper/news/bg_news.png);
	width: 272px;
	height: 204px;
	position: absolute;
	top: 0px;
	left: 716px;
}

#content_products{
	position: absolute;
	background: url(wrapper/products/products_bg.png) no-repeat;
	width: 438px;
	height: 200px;
	top: 41px;
	right: 25px;
}
#products_title{
	width: 438px;
	height: 32px;
	margin-top: 16px;
	border-bottom:#CCC 1px double;
	}
	
#products_more img{
	position: relative;
	z-index: 2;
	display: block;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
#products_more:hover img {
	opacity: 0.1;
}
#products_more {
	position: absolute;
	overflow: hidden;
	width: 54px;
	height: 18px;
	top: -18px;
	right: 15px;
	z-index: 555;
	}
#products_more span {
	background:url(wrapper/products/products_more-2.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

#photo_box{
	float:left;
	width: 435px;
	height: 135px;
	margin-top: 20px;
}
#photo_box .photo_list{
	width: 126px;
	height: 96px;
	float: left;
	margin: 0 9px;
	}
#photo_box .photo_list a{}
#photo_box .photo_list a:hover{}

#photo_box .photo{
	background-color: #E0FF97;
	width: 126px;
	height: 96px;
	margin: 0px;
}
#photo_box .photo img{
	padding:3px;
}
#photo_box .photo:hover{
	background-color: #2D4906;
	}
#photo_box .photo_title{
	width: 126px;
	height: 20px;
	padding-top: 10px;
	text-align: center;
}
#photo_box .photo_title a{
	text-decoration:none;
	color:#333333;
	line-height:14px;}
#photo_box .photo_title a:hover{
	font-weight:bold;}
/*每個分區的內容外包大小*/
/*LOGO*/
#logo {
	width: 480px;
	height: 70px;
	position: absolute;
	left: 0px;
	z-index: 1;
	top: 12px;
}
#logo a:hover{
	opacity:0.8;
}

/*LOGO*/