@charset "utf-8";

/* CSS Document */



/*header-------------------------------------*/

#header_box{

	height: 80px;

	width: 1000px;

	position: relative;

	margin: 0 auto;

	background:url(../data/wrapper/header_bg.jpg) repeat-x;

	}

#menu_bg{

	height: 68px;

	width: 805px;

	position: absolute;

	top: 22px;

	right: 32px;

	}

#content_box{

	height: auto;

	width: 950px;

	padding: 15px 25px 30px 25px;

	position: relative;

	margin: 0 auto;

	background-color:#FFF;

	}

#lg{

	position:absolute;

	top:0;

	right:0;

	width:80px;

	height:19px;

	background:url(../data/wrapper/lg_bg.png);

	padding:6px 0 0 33px;

	z-index:100;

	}

#lg a{

	color:#E7E7E7;

	text-decoration:none;

	}

#lg a:hover{

	color:#FFE9A4;

	}

/*header-------------------------------------*/

#banner{

	height: auto;

	width: 100%;

	margin: 0 auto;

	}

#banner_box{

	height: 393px;

	width: 1000px;

	margin: 0 auto;

	position: relative;

	background-color:#FFF;

	}

#banner_box .shadow{

	position: absolute;

	bottom: -32px;

	left: 180px;

	}

#about{

	width: 444px;

	height: 195px;

	float: left;

	margin-right: 20px;

	position: relative;

	background:url(../data/wrapper/about/bg.png) no-repeat;

	padding:66px 20px 0 20px;

	}

#about .title{

	margin-bottom: 25px;

	width: 470px;

	}

#about .info{

	color: #666;

	font-size: 15px;

	line-height: 24px;

	letter-spacing: 1px;

	overflow: hidden;

	height: 163px;

	width: auto;

	}

#about .pic{

	width: 225px;

	height: 150px;

	float: left;

	}

#about .more{

	width: auto;

	height: auto;

	position: absolute;

	top: 13px;

	right: 15px;

	letter-spacing: 1px;

	}

#about .more a{

	display:block;

	width: auto;

	height: auto;

	-webkit-transition: background-image 300ms linear;

	-moz-transition: background-image 300ms linear;

	-o-transition: background-image 300ms linear;

	transition: background-image 300ms linear;

	color:#FFF;

	text-decoration:none;

	}

#about .more a:hover{

	color:#FFFF73;

	}

#about .qr{

	position:absolute;

	width:75px;

	height:75px;

	bottom:10px;

	right:110px;

	}

#about .line{

	position:absolute;

	width:75px;

	height:75px;

	bottom:10px;

	right:25px;

	}

#customers{

	width: 198px;

	height: 244px;

	float: left;

	text-indent: -9999px;

	margin-right: 15px;

	}

#customers a{

	width:198px;

	height:244px;

	display:block;

	background:url(../data/wrapper/customers.png);

	-webkit-transition: background-image 300ms linear;

	-moz-transition: background-image 300ms linear;

	-o-transition: background-image 300ms linear;

	transition: background-image 300ms linear;

	}

#customers a:hover{

	background:url(../data/wrapper/customers_.png);

	}

#contact{

	width: 406px;

	height: 208px;

	float: left;

	background: url(../data/wrapper/contact/bg.png) no-repeat;

	padding: 55px 20px 0 20px;

	}

#contact .info{

	color:#666;

	font-size:14px;

	line-height:22px;

	margin-bottom:15px;

	}

#contact .tel{

	color:#F28C00;

	font-size:18px;

	}

#contact .qr{

	float:left;

	width:291px;

	height:92px;

	}

#contact .web{

	float:left;

	margin-right:5px;

	}

#contact .line{

	float:left;

	margin-right:5px;

	}

#contact .fbfans{

	float:left;

	width:90px;

	height:90px;

	text-indent:-9999px;

	}

#contact .fbfans a{

	width:90px;

	height:90px;

	display:block;

	background:url(../data/wrapper/contact/fb.jpg);

	}

#contact .fbfans a:hover{

	background:url(../data/wrapper/contact/fb_.jpg);

	}