@charset "utf-8";

/*--------- all ---------*/
*{
	margin: 0;
	padding: 0;
}

html{
	margin: 0;
	padding: 0;
	background:#FFFFFF;
}

body{
	width:100%;
	float:left;
	font-family: Microsoft YaHei;
	color: #999999;
	background: url(bg.png) repeat-x top left;
}

a{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #999999;
	text-decoration: none;
}

img { 
	border: none;
}
ul,li { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.left{
	float: left;
}
.right{
	float: right;
}

#wrapper{
	width: 1002px;
	margin: 0 auto;
}

#head{
	margin-top: 17px;
	height: 115px;
	background: url(topbar_bg.png) repeat-x;
}

.head_left{
	width:15px;
	height:115px;
	float: left;
	background: url(topbar_left.png) no-repeat;
}
.head_right{
	width:15px;
	height:115px;
	float: right;
	background: url(topbar_right.png) no-repeat;
}

.head_logo{
	width:234px;
	height:40px;
	float: left;
	margin: 40px 0 0 10px;
	display: inline;
	background: url(logo.gif) no-repeat;
	text-indent: -999999px;
}

ul.menubar{
	margin: 50px 0 0 50px;
	float:left;
}
ul.menubar li{
	padding: 0 18px;
	font-size: 22px;
	font-weight: bolder;
	display: inline;
}

.menu_index a{
	width:38px;
	height:20px;
	background: url(menu_index01.gif) no-repeat;
}
.menu_index a:hover{
	background: url(menu_index02.gif) no-repeat;
}
.menu_index a.select{
	background: url(menu_index02.gif) no-repeat;
}

.menu_intro a{
	width:75px;
	height:20px;
	background: url(menu_intro01.gif) no-repeat;
}
.menu_intro a:hover{
	background: url(menu_intro02.gif) no-repeat;
}
.menu_intro a.select{
	background: url(menu_intro02.gif) no-repeat;
}

.menu_team a{
	width:76px;
	height:20px;
	background: url(menu_team01.gif) no-repeat;
}
.menu_team a:hover{
	background: url(menu_team02.gif) no-repeat;
}
.menu_team a.select{
	background: url(menu_team02.gif) no-repeat;
}

.menu_product a{
	width:76px;
	height:20px;
	background: url(menu_product01.gif) no-repeat;
}
.menu_product a:hover{
	background: url(menu_product02.gif) no-repeat;
}
.menu_product a.select{
	background: url(menu_product02.gif) no-repeat;
}

.menu_join a{
	width:75px;
	height:20px;
	background: url(menu_join01.gif) no-repeat;
}
.menu_join a:hover{
	background: url(menu_join02.gif) no-repeat;
}
.menu_join a.select{
	background: url(menu_join02.gif) no-repeat;
}

.menu_contact a{
	width:75px;
	height:20px;
	background: url(menu_contact01.gif) no-repeat;
}
.menu_contact a:hover{
	background: url(menu_contact02.gif) no-repeat;
}
.menu_contact a.select{
	background: url(menu_contact02.gif) no-repeat;
}

#main{
	height: 590px;
	margin: 0 8px 0x 8px;
	background: url(main_bg.png) repeat-x left bottom;
}
#foot{
	margin: 0 8px 20x 8px;
	clear: both;
}
#foot_left{
	width:4px;
	height:4px;
	float: left;
	background: url(foot_left.png) no-repeat;
	margin-top: -4px;
}
#foot_right{
	width:4px;
	height:4px;
	float: right;
	background: url(foot_right.png) no-repeat;
	margin-top: -4px;
}

.index_show{
	margin: 60px auto 0 auto;
	text-align: center;
}

.indexbar{
	height:37px;
	background: url(indexbar_bg.jpg) repeat-x;
	margin: 0 30px;
}
.indexbar_left{
	width: 5px;
	height: 37px;
	float:left;
	background: url(indexbar_left.jpg) no-repeat;
}

.indexbar_right{
	width: 5px;
	height: 37px;
	float:right;
	background: url(indexbar_right.jpg) no-repeat;
}
ul.indexbar_title{
	text-align: center;
	width:915px;
	float: left;
	overflow: hidden;
	padding: 6px 0;
}
ul.indexbar_title li{
	margin:0 180px;
	display: inline;
	font-size:18px;
}

ul.indexbar_box{
	margin:12px 15px 0 15px;
	text-align: center;
}

ul.indexbar_box li{
	width:445px;
	height: 75px;
	float: left;
	overflow: hidden;
	display: inline;
	margin: 0 20px;
	padding: 5px 0;
	background: url(box_bg.png) repeat-x top left;
	font-size: 12px;
	color: #333333;
	line-height: 1.5em;
}


.intro{
	padding:200px 0 0 180px;
}
.intro p{
	font-size:20px;
	font-weight: bold;
	line-height: 1.8em;
}

.product{
	margin-top:120px;
	text-align: center;
}

ul.join{
	padding: 50px 160px 0 160px;
}
ul.join li{
	padding:10px;
}
ul.join  h1{
	font-size:14px;
	line-height: 1.8em;
}
ul.join  p{
	font-size:12px;
	line-height: 1.6em;
}

ul.team{
	padding: 50px 160px 0 160px;
}
ul.team li{
	padding-bottom: 35px;
}
ul.team h1{
	font-size:18px;
	line-height: 1.5em;
	color: #333333;
}
ul.team p{
	font-size:18px;
	line-height: 1.5em;
}

.contact{
	padding: 50px 200px 0 200px;
}
.contact img{
	padding-bottom: 15px;
}
.contact h1{
	text-align: left;
	font-size: 22px;
	line-height: 2.0em;
	font-weight: normal;
}