/*
	@author 		:  fukun
	@created 		:  2012-7-18
	@description 	:  模版2共用的 css样式
*/ 
/*
   reset
*/
html,button,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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0
}

div {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

address,cite,em {
	font-style: normal
}

li {
	list-style-type: none
}

fieldset,img {
	border: 0
}

label,button {
	cursor: pointer
}

select,input,textarea {
	font-size: 12px;
	line-height: 1.2em
}

body {
	height: 100%;
	background: url(../images/sybg.png) repeat 0 0;
	font: 12px/ 1.5em "Tahoma","arial","\5b8b\4f53";
	color: #515151;
	-webkit-text-size-adjust: none
}

a {
	font-size: 12px;
	text-decoration: none;
	color: #424242
}

a:hover {
	color: #2a99f2;
	text-decoration: underline
}
div:after, ul:after, dl:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}
.clear{
	clear: both
}

/* wrapper */
.wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative
}

/* header */
.header {
	height: 152px;
	z-index: 2
}

.logo {
	position: absolute;
	z-index:9999;
	left: 25px;
	top: 30px
}

.logo a {
	display: block
}

.other_nav{
	position: absolute;
	text-align : center; 
	right: 0;
	top: 5px;
	z-index:9999
}
.other_nav span{
 	width: 5px
}
.other_nav a{
	color:#767676
}
.other_nav a:hover{
	color: #2a99f2
}

.phone_w {
	position: absolute;
	right: 0px;
	top: 50px;
	z-index: 999
}
.user_w{
	position: absolute;
	right: 150px;
	top: 5px;
	z-index: 9999
}
/* navigation style */
.nav_w,.li_split,.a_items,.a_items li a:hover,.a_over,.span_over{
	background:url(../images/nav_bg.png) no-repeat 0 0 transparent
}
.nav_w{
	margin-top:110px;
	position:absolute;
	height:50px; 
	width:694px;
	background-repeat:no-repeat;
	background-position: -306px 0;
	text-align:center;
	bottom: 5px;
	right: 0;
	z-index: 9999
}
.nav_l{
	margin:0 20px;
	height:50px
}
.nav_l li{
	position:relative;
	display:inline;
	height:50px; 
	float:left
}
 
.li_split{
	background-repeat:no-repeat;
	background-position:right -100px;
	width:3px;
	height:40px  !important;
	line-height:40px !important;
	margin-top: 5px
}
.nav_l div{
	height:50px; 
	line-height:50px
}
.nav_l div a{
	cursor:pointer;
	height:50px; 
	line-height:50px; 
	font-size:13px;
	color:#cccccc;
	text-decoration:none;
	display:block;
	padding-right:5px;
	position:relative
}
.nav_l div a:hover{
	text-decoration: none
}
.nav_l li div a span{
	padding:0 10px 0 15px
}
 
.a_over{
	background-repeat:no-repeat;
	color:#FFFFFF !important;
	background-position:  right -50px;
	font-size:13px;
	z-index: 3
	
}
.span_over{
	background-repeat:no-repeat;
	height:50px; 
	line-height:50px;
	display:block;
	background-position: -637px -50px;
	z-index: 3
}
/* nav a items style*/
.a_items{
	Filter:Alpha(opacity=90);
	-moz-opacity:0.9;
	Opacity:0.9;
	width:100px;
	z-index:2;
	top:45px;
	position:absolute;
	display:none;
	padding-top:5px
}
.a_items li{
	width:100px;
	height:30px;
	line-height:30px
}
.a_items li a{
	margin-left:3px;
	height:30px;
	display:block;
	width:97px;
	padding:0 !important;
	line-height:30px;
	color:#cccccc
}
.a_items li a:hover,.a_items_over{
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:right -140px;
	color:#FFFFFF
}
/* footer */
.footer{
	height: 108px;
	overflow: hidden;
	margin-top: 20px;
	background:url(../images/hr.png) no-repeat 0 0 transparent
}
.f_nav{
	margin-top: 20px ;
	height: 30px;
	text-align: center
}
.f_nav a{
	font-weight: bold;
	margin: 0 5px;
}
.f_copy{
	text-align: center
}