@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
a img,img{border:0;}
.fix{*zoom:1;}
.fix:after{display:block; content:"clear"; height:0; line-height:0; clear:both; overflow:hidden; visibility:hidden;}

.dn{display:none;}
.fL{float:left; display:inline}
.fR{float:right; display:inline}
.w880{width:880px;}
.w935{width:935px;}
.w980{width:980px;}
.p30{padding:30px;}
.pB30{padding-bottom:30px;}
.auto{margin-left:auto; margin-right:auto;}
.pTB10{padding-top:10px; padding-bottom:10px;}
.pLR20{padding-left:20px; padding-right:20px;}
.mTB40{margin-top:40px; margin-bottom:40px;}
.mT15{ margin-top:15px;}
.mB10{ margin-bottom:10px;}
.mB40{ margin-bottom:40px;}
.mL10{margin-left:10px;}
.mL19{margin-left:19px;}
.f14{font-size:14px;}
.c474747{color:#474747;}
.lh25{line-height:25px;}
.tc{text-align:center;}
body {
	font-family:"微软雅黑";
	font-size:12px;
	background:url(../images/bg.png) repeat;
}
h1{font-size:18px; color:#b32121; line-height:100%;}
.banner {
	width:100%;
	height:517px;
	margin: 0 auto;
	overflow:hidden;
	box-shadow:0 5px 8px #525155;
	position:relative;
}
#carousel {
	width: 100%;
	margin: 0 auto;
	height:517px;
	overflow:hidden;
}
.wrapper{width:100%; height:517px; overflow:hidden;}
.npbtn{width:980px; margin:0 auto; height:1px; position:relative; margin-top:-517px;}
#ui-carousel-next, #ui-carousel-prev {
	width: 33px;
	height: 92px;
	display: block;
	position: absolute;
	top: 213px;
	z-index: 300;
}

#ui-carousel-next {
	margin-left:980px;
	background-image: url(../images/next.png);
}

#ui-carousel-prev {
	margin-left:-33px;
	background-image:url(../images/prev.png);
}

#ui-carousel-next > span, #ui-carousel-prev > span {
	display: none;
}

.slide {
	margin: 0;
	position: relative;
	overflow:hidden;
}


#slide01 > a, #slide02 > a,#slide03 > a {
	display:block;
	width:980px;
	height:517px;
	margin:0 auto;
	overflow:hidden;
}

#pages {
	position:relative;
	width:40px;
	margin:0 auto;
	z-index:350;
	margin-top:-10px;
}

#pages .bullet {
	background: url(../images/pagination.png) center center no-repeat;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0;
	margin-right: 5px;
	float: left;				
}
#pages .on{
	background: url(../images/pagination_on.png) center center no-repeat;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0;
	margin-right: 5px;
	float: left;		
}
.navBg{
	width:100%;
	height:71px;
	padding-top:6px;
	position:absolute;
	background:url(../images/navBg.png) repeat-x ;
	z-index:400;
	top:0;
	left:0;
	/*box-shadow:-1px 3px 3px #121212;*/
}
.nav{
	width:980px;
	margin:0 auto;
	height:71px;
}
.logo{
	width:191px;
	height:60px;
	float:left;
	padding-top:5px;
}
.navigation{
	float:left;
	margin-left:30px;
	height:71px;
}
.navigation li{ width:92px; margin-left:1px; height:71px; float:left; position:relative;}
.navigation a, .navigation a.hasmenu{display:block; float:left; width:92px; height:71px; font:14px/71px "微软雅黑";text-align:center; color:#FFF; text-decoration:none; }
.navigation a.hasmenu{background:url(../images/navc.png) 78px 34px no-repeat; }
.navigation a:hover{background:#b42121;}
.navigation a.hasmenu:hover{background:url(../images/navb.png) #b42121 78px 35px no-repeat;}
.navMenu{position:absolute; width:184px; margin-top:71px;left:0; display:none;}
.navMenu a{background:#c92c2c; width:92px; height:32px;font:12px/32px "微软雅黑"; border-bottom:1px solid #660800; }
.navMenu a.br{width:91px; border-right:1px solid #660800;}
.navigation li.curr{background:#b42121;}
.navigation li.hover{background:#b42121;}
.navigation li.curr a.hasmenu{background:url(../images/navb.png) 78px 35px no-repeat; }
.navigation li.hover a.hasmenu{background:url(../images/navb.png) 78px 35px no-repeat; }
.navicon{float:right; padding:28px 0 27px 0; margin-left:20px;}
.navicon a{margin-right:10px;}
.main{width:980px; margin:0 auto}
.mainM{width:980px; background:#FFF;box-shadow:0 5px 8px #525155; padding-top:77px;border-radius: 4px 4px 4px 4px;}
.product img{box-shadow:0 5px 8px #525155;}
.footer{height:207px; background:url(../images/footerbg.png) repeat-x; width:100%; color:#7c7c7c; text-shadow: 2px 3px 3px #000000;}
.footer dl{ width:210px; margin-top:40px; line-height:20px; padding-left:30px;}
.footer dl dt{font-weight:bold;}
.footer dl a{color:#7c7c7c; text-shadow: 1px 2px 2px #000000; text-decoration:none;}
.footer .copyright{width:230px; text-align:right; margin-top:40px; padding-right:30px;}
.footer .copyright p{line-height:20px;}





.join li span{cursor:pointer; background:url(../images/join_iocn.png) right center no-repeat; padding-right:8px; color:#b32121;}
.join li .on{background:url(../images/join_iocn_on.png) right 9px no-repeat;}
.join li div{padding: 10px 20px;}

.copyright  a{color:#7c7c7c; text-shadow: 1px 2px 2px #000000; text-decoration:none;}