body {
	overflow-x: hidden;
	background:#f1f1f1;
	margin: 0 auto;
}
.indexpage {
	width: 1920px;height: auto;
	margin: 0 auto;
}
/*ul{list-style:none ;}*/
img{border:none; vertical-align:top;}
* { font-family: "Microsoft YaHei";} 
a{blr:expression(this.onFocus=this.blur());outline:none;}
.nav { list-style:none; width:800px; height:30px; z-index: 4; position: absolute; top: 76%; right: 0px; transition: top 1s; margin-top: 35px; } 
.nav li { float:left; height:30px; line-height:30px; text-align:center; } 
.nav li a { display:block; height:30px; overflow:hidden; text-decoration:none; color:#919191; font-size:14px; } 
.nav li span { display:block; height:30px; } 
.nav li b { display:block; height:30px; font-size: 10px; line-height: 27px; color: #ccc; } 
.nav li a:hover { color:#FFF; text-decoration:underline} 
.nav li a:hover span { margin-top:-30px; } 
.nav1 { list-style:none; width:800px; height:30px; z-index: 4; position: fixed; top: 0%; right: 0px; transition: top 1s; margin-top: 35px; } 
.nav1 li { float:left; height:30px; line-height:30px; text-align:center; } 
.nav1 li a { display:block; height:30px; overflow:hidden; text-decoration:none; color:#919191; font-size:14px; } 
.nav1 li span { display:block; height:30px; } 
.nav1 li b { display:block; height:30px; font-size: 10px; line-height: 27px; color: #ccc; } 
.nav1 li a:hover { color:#FFF; text-decoration:underline} 
.nav1 li a:hover span { margin-top:-30px; } 
/* banner-box */
.banner-box{
	height: 900px;width: 1920px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -960px;
	box-shadow: 0px 6px 10px #bbb;
}
.banner-box .bd{ height: 900px; width:1920; margin-top: -16px; margin-left: 8px; margin-bottom: 0px; margin-right: 0px; z-index: 1;}
.banner-box .bd li{width:100% !important;height:900px;}

.banner-box .hd{ width:100%;  position:absolute; z-index:5; bottom:50px; left:0; height:30px; line-height:30px; text-align:center; }
.banner-box .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:4px; background:url(dot-white.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner-box .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
.indexdh{
	position:absolute; 
	width:1920px; height: 100px; 
	background:#000; 
	z-index:2; 
	top:76%; 
	left: 50%; 
	margin-left: -960px;
	filter:alpha(Opacity=60);
	-moz-opacity:0.5;
	opacity: 0.5; 
	transition: top 1s;
}
.fixed{
	position:fixed; 
	width:1920px; height: 100px; 
	background:#000; 
	z-index:2; 
	top: 0%; 
	left: 50%; 
	margin-left: -960px;
	filter:alpha(Opacity=60);
	-moz-opacity:0.5;
	opacity: 0.5; 
	transition: top 1s;
}
.indexlogo {
	width: 200px;height: 100px;
	position: absolute;
	z-index: 3;
	top: 76%;
	left: 50px;
	transition: top 1s;
}
.indexlogo1 {
	width: 200px;height: 100px;
	position: fixed;
	z-index: 3;
	top: 0%;
	left: 50px;
	transition: top 1s;
}
.indexabout {
	height:300;width:1200px;
	position: absolute;
	top: 940px;
	left: 50%;
	margin-left: -600px;
}
.imgi1 {
	height:255px;width:390px;
	padding-right: 10px;
	float: left;
}
.about1 {
	height:255px;width:390px;
	background-image: url("../img/index1_03.jpg");
	box-shadow: 0px 6px 10px #ccc;
	background-repeat: no-repeat;
}
.about1 span {
	display: block;
	color: #919191;
	font-size: 14px;
	padding-top: 74px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	line-height: 22px;
	text-align: justify;
}
.about1 a {
	text-decoration: none;
}
.about1 b {
	display: block;
	color: #000;
	font-size: 8px;
	text-align: right;
	font-weight: 400;
	padding-right: 20px;
}
.imgi2 {
	height:auto;width:400px;
	float: left;
	background: #000;
}
.imgi3 {
	height:auto;width:390px;
	padding-left: 10px;
	float: right;
}
.footer1 {
	height: 90px;width: 1920px;
	position: absolute;
	top: 1240px;
	left: 50%;
	margin-left: -960px;
}
.tips {
	width: 100%;height: 100%;
	background: #000;
	opacity: 0.6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
}
.imgg {
	width: 800px;height: 524px;
	margin: auto;
	background: #000;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -262px;
	margin-left: -400px;
	z-index: 8;
}
.closed {
	width: 80px;height: 26px;
	text-align: center;
	background: #000;
	opacity: 0.8;
	color: #ccc;
	line-height: 26px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -288px;
	margin-left: 320px;
	z-index: 8;
}
.hide {
	display: none;
}

/*ºóÌ¨²¿·Ö*/
.htnav { list-style:none; width:700px; height:30px; z-index: 4; position: absolute; top: 10px; transition: top 1s; margin-top: 35px; } 
.htnav li { float:left; height:30px; line-height:30px; text-align:center; } 
.htnav li a { display:block; height:30px; overflow:hidden; text-decoration:none; color:#919191; font-size:14px; } 
.htnav li span { display:block; height:30px; } 
.htnav li b { display:block; height:30px; font-size: 10px; line-height: 27px; color: #ccc; } 
.htnav li a:hover { color:#FFF; text-decoration:underline} 
.htnav li a:hover span { margin-top:-30px; } 

.newsnav {width:800px; height:30px; } 
.newsnav li {float:left;display:inline; height:30px; line-height:30px; text-align:left;margin-left:-40px;color:#474747} 
.newsnav li a { display:block; height:30px; overflow:hidden; text-decoration:none; color:#919191; font-size:14px; } 
.newsnav li span { display:block; height:30px; } 
.newsnav li b { display:block; height:30px; font-size: 10px; line-height: 27px; color: #ccc; } 
.newsnav li a:hover { color:#bbb; text-decoration:none} 
.newsnav li a:hover span { margin-top:-30px; } 
.htdh{width:260px; height:50px; border-bottom:1px solid #bbbbbb;line-height:50px;}
.htdh a{ color:#000; text-decoration:none}
.htdhs{width:260px; height:50px; border-bottom:1px solid #bbbbbb;line-height:50px;filter:alpha(Opacity=60);-moz-opacity:0.5;opacity: 0.5;}
.htdhs a{ color:#000; text-decoration:none}
.fy{color:#adadad; width:600px; height:35px; line-height:35px;}
.fy a{color:#adadad; text-decoration:none}
.fy a:hover { color:#bbb; text-decoration:none; background:#dddddd} 


.prnav {width:900px; height:400px;margin-left:-20px} 
.prnav li {float:left;height:400px; line-height:400px; text-align: center;color:#474747; width:300px;} 
.prnav li a { display:block; overflow:hidden; text-decoration:none; color:#919191; font-size:14px; } 
.prnav li a:hover { color:#bbb; text-decoration:none} 
.prnav li a:hover span { margin-top:-30px; } 
.prnavs {width:300px; height:30px; margin-left:-30px} 
.prnavs li {float:left;height:30px; line-height:30px; text-align: left;color:#474747; width:140px;} 