html {width:100%; height:100%;}
body { 	 
	font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; font-size: 12px; color: #666; background: #fff;
}
ol, ul {
	list-style: none;
}

.headert {
	width:1080px; 	
	margin:0 auto;	
}
/*********************************header*************************************/
.header {
	width:100%;
	position:relative; 
	z-index:2;
	background:url(../images/body-tail.gif) center top repeat #e7e7e7;
	height:180px;
}
.headerc {
	width:100%;
	z-index:1;
	background:url(../images/body-tail.gif) center top repeat #e7e7e7;
	height:180px;
	position:relative;
}

.headerb {
	width:100%;
	position:fixed; 
	z-index:222;
	background:url(../images/body-tail.gif) center top repeat #e7e7e7;
	height:180px;
	top: 0px;
}  

h1 {
	padding:20px 0 0 15px; 
	float:left;
}
h3 {
	padding:0px 0 0 0px;
	font-size:30px; 
	line-height:2em; 
	color:#000;
	letter-spacing:-1px;
}
h6 {color:#000; font-weight:normal;font-size:16px;}
	h1 a {
		display:block; 
		width:285px;
		height:81px;
		text-indent:-999em;
		background:url(../images/logo.png) 0 0 no-repeat;
                background-size: 100% 160%;
                #background-size: auto auto;
                #background-size: auto 81px;
                #background-color: transparent;
	}
/***** menu *****/
.menu {
	padding:0px 0px 0 0; 
	float:right;
	height:120px;
	 
}
.MenuIcon {
	height:80px;
	cursor:pointer;
}
.MenuOptionText {
	display:block;
	text-align:center;
}
.menu li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.gif) 0 4px no-repeat;
	height:129px

}
.menu > li:first-child {background:none;}
.menu a {
	display:inline-block; 
	text-decoration:none;
	font-size:18px; 
	line-height:2em; 
	letter-spacing:-1px;
	padding:7px 24px 9px 25px; 
	color:#000; 
	text-transform:uppercase; 
	background:url(../images/menu-a-tail.gif) 0 -999em repeat-x;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	vertical-align:middle;
	height:120px
}
a span {padding:0px 0px 0 0; }
.menu a.active,
.menu a:hover {background-position:0 0; background-color:#fff; color:#2ab5ba;}

.cont {
	width:100%; 
	padding:20px 0 0px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
	height:450px;
}
.cont7 {
	width:100%; 
	padding:20px 0 0px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
	height:500px;
}
.cont2 {
	width:100%; 
	padding:20px 0 0px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
	height:930px;
}
.cont3 {
	width:100%; 
	padding:20px 0 0px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
	height:450px;
}
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	width:300px;
}
.grid_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	width:700px;
}
.grid_8{
	width:960px; 	
	margin:0 auto;
}
.aboutimg{
	width:360px; 
	float:left;
	left:700px;
	top: 90px;
	display:inline;
	position: absolute;
	}
.img1,
.img2,
.img3,
.img4,
.img5,
.img6,
.img7
{
	width:360px; 
display:inline;
	}

.aboutcont{
	width:500px ;float:left;
	display:inline;
	position: absolute;
	}
.clear{ clear:both;}

.cont_body {
	width:1080px; 	
	margin:0 auto;	
}

.footer {
	width:1080px; 	
	margin:0 auto;	
	text-align:center;
}

.row2 {
	padding:0px 0 0 40px;
}
.row3 {
	padding:20px 0 0 30px;
}

/***** slider *****/
.slider-wrapper {padding:10px 0 0 10px;width:1080px;height:520px;background:url(../images/slider-bg.jpg) 0 0 no-repeat;position:relative;overflow:hidden}
.slider {width:1080px;height:430px;position:relative}
.items {width:1080px;display:none}
.pagination {position:absolute;left: 380px;top:446px;z-index:99}
.pagination li {float:left;margin-right:3px}
	.pagination li a {display:block;width:18px;height:18px;text-indent:-5000px;background:url(../images/slider-pagination.png) right top no-repeat;}
	.pagination li.current a, .pagination li a:hover {background-position:left top}
	.pagination li.current a {cursor:default}
.container_12 .grid_12 {
	width:1080px;
}
.cont_body2 {
	width:1080px; 	
	margin:0 auto;	
	padding: 0 0 0 150px;
}
.cont5 {
	width:100%; 
	padding:20px 0 0px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
	height:800px;
	position: relative;
}
.cont0 {
	width:100%; 
	padding:20px 0 0px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
	height:1400px;
	position: relative;
}


.title-1 {
	display:block;
	font-size:37px;
	line-height:1.2em;
	color:#2ab5ba;
	letter-spacing:-1px;
}
.img-indent-r {float:right; margin:24px 0px 0px 20px;}	



.extra-wrap {overflow:hidden;
	padding: 30px 0 0 0;}
	
	
.productimg1{
	width:360px; 
	float:left;
	top: 150px;
	display:inline;
	position: absolute;
	}
.productimg2{
	width:360px; 
	float:left;
	top: 560px;
	display:inline;
	position: absolute;
	}
.productimg3{
	width:360px; 
	float:left;
	top: 1050px;
	display:inline;
	position: absolute;
	}	
.productcont1{
	width:500px ;float:left;
	display:inline;
	left: 700px;
	position: absolute;
	}
	.productcont2{
	width:500px ;float:left;
	display:inline;
	top: 490px;
left: 700px;
	position: absolute;
	}
	.productcont3{
	width:500px ;float:left;
	display:inline;
	top: 890px;
	left: 700px;
	position: absolute;
	}
.clear{ clear:both;}


h4 {color:#000; font-weight:normal;font-size:16px;line-height:40px;}

h4:first-letter{font-size:32px;line-height:32px;}

h7 {color:#000; font-weight:normal;font-size:16px;line-height:25px;}


h8 {color:#000; font-weight:normal;font-size:16px;line-height:25px;}