﻿@charset "utf-8";
body {
	text-align:center;
	color: #333;
	margin:0 auto;
	background: #fff url(../images/bg_top.jpg) no-repeat center top;
	background:#710a05 url(../images/body_bg.jpg) repeat-x left top;
}

/*	headers
---------------------------------------------*/
#header{
	position:relative;
	text-align:left;
	height:177px;
	height:359px;
	z-index: 0;
	margin-bottom:0px;
	background:url(../images/top.jpg) no-repeat center 0;

}
#header .headbiaoyu{
	position:absolute;
	top:0px;
	right:-4px;
	color:#06B2DF;
	height: 177px;
	z-index: 1;
	left: 0px;
	}
#header .logo{
	position:absolute;
	display: none;
	float: left;
	text-align: left;
	width: 158px;
	height:142px;
	left: 0px;
	top: 35px;
	z-index: 10;
}

#header .huodong{
	position:absolute;
	display: none;
	float: left;
	text-align: left;
	width: 98px;
	height:87px;
	left: 740px;
	top: 39px;
	z-index: 100;
}
#header .shenqing{
	position:absolute;
	display: none;
	float: left;
	text-align: left;
	width: 98px;
	height:87px;
	left: 841px;
	top: 39px;
	z-index: 100;
}
#header .topnav{
	display:none;
	position: absolute;
	top:6px;
	right:0px;
	float:right;
	text-align: right;
	width:219px;
	line-height:15px;
	z-index: 16;
}
#header .topnav a{  
	display:block; 
	float:left;
	color:#FFFFFF;
	line-height:12px; 
	padding:1px 8px;  
	text-align:left; 
	
}
#header .topnav span{ 
	display: block;
	float: left;
	vertical-align:middle; 
	text-align:center; 
	width:2px;  
	height:12px; 
	line-height:12px;
	background:url(../images/top_line.gif) no-repeat center center; 
}
#header .topnav a:hover{
	color: #002AA2;
}
#header .nav{
	top:330px;
	bottom:0px;
	text-align:left;
	width:970px;
	height:29px;
	background:none;
	z-index: 30;
	margin:0 auto;
}
.main_nav {
	margin: 0 auto;
	padding-left: 5px;
}
.main_nav  li{
	width:102px;
	height: 35px;
	line-height: 35px;
	height: 29px;
	line-height: 29px;
	float: left;
	text-align: center;
	background:  url(../images/Menu_line.jpg) no-repeat right	 0;

	position: relative; margin-right:1px;
}
.main_nav  li .navonbg,.main_nav  li .navonbg a,.main_nav  li .navonbg a:hover{  
color:#fff; width: 102px; height:29px; line-height:29px; display:block;text-decoration:none; float: left; background:  url(../images/bg_navhere.png) no-repeat 0 bottom;
background:none;
}

.main_nav  li a{
	 font-size: 13px; font-weight: bolder; color: #FFf;	width:102px;
	height: 29px;
	line-height: 29px; display:block;
	 
}
.main_nav  li a:hover{
color: #FFCC00; background:  url(../images/bg_navhere.png) no-repeat 0 bottom;
background:none;
}
.navonbg a{ color:#004186; height:25px; line-height:25px; display:block;text-decoration:none;}

.main_nav  li dl {
	position:absolute;
	left:0;
	top:36px;
	width:112px;
	display:none;
	background:#1671B8;
	filter:alpha(Opacity=80);
	padding-top:10px;
	padding-bottom:10px;
	z-index: 100;
	
}
.main_nav  li dl dd {
	height:25px;
	line-height:25px;
	border-bottom: 1px solid #2586CA
	
}
.main_nav  li dl dd a {
	display:block;
	height:25px;
	line-height:25px;
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	font-family:Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; 
	padding-left:16px;
	padding-right:0;
	margin:0;
	width:auto;

	
}
.main_nav  li dl dd a:hover{ 
	display:block;
	height:25px;
	line-height:25px;
    color:#00C2FF;
	border-bottom:none;
	text-align:left;
	
	}
.click {
	margin-top:200px;
}
.zjbox{
	width:100%;
}
.zjbox ul{
	padding: 10px;
}

.zjbox ul li{
	width: 140px; padding: 1px;  float: left; display: inline; margin-right: 10px; text-align: center;
}
.zjbox ul li a img{
	width: 140px; height: 180px;
}
/************************************************************************
Title:			  reset.css
Browser(s): 	  IE6,IE7,IE8,ff.

Author: 		  gbuy  for 
Created: 		  11.02.2010
Last modified:  

*************************************************************************/
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6,  p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td {
    margin: 0;
    padding: 0;
}
/*	links 
---------------------------------------------*/
a[href^="javascript"]:focus{outline:0; -moz-outline-style: none;}
a {color: #1F4FA4; text-decoration: none; border: 0; background-color: transparent;color:#222; }
a:hover   {color: #00B2DF; text-decoration: none; background-color: transparent; }



/*	font
---------------------------------------------*/
body,
button, input, select, textarea { /* for ie */
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; 
}

h1,.h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2,.h2 { font-size: 16px; }
h3,.h3 { font-size: 14px; }
h4, h5, h6,.h4,.h5, .h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } 
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } 
small { font-size: 12px; } 

/*	list
---------------------------------------------*/
ul, ol { list-style: none; }
strong,.strong, b ,.b{ font-weight: bold; }

abbr[title], acronym[title] { 
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote:before, blockquote:after, 
q:before,q:after{content: “”; content: none;}
q {quotes: “” “”;}

/*	form
---------------------------------------------*/
legend   { color: #000; } /* for ie6 */
fieldset, img { border: none; } 
button, input, select, textarea { font-size: 100%; }

/*	table
---------------------------------------------*/

table { border-collapse: collapse;	border-spacing: 0; }


hr { clear:both; margin:7px 0; +margin: 0; border:0 none;font-size: 1px; line-height:1px; color: #515151;  *color: #515151; /* for ie7- */ background-color:#515151; height: 1px;}
.dotted_hr{ background:#fff url(../images/line.gif) repeat-x left center; display:block; height:5px; color:#fff; font-size:12px; line-height:5px; padding:5px 0; }

/*	common classes
---------------------------------------------*/

.lclear	 { clear: left;	}
.rclear  { clear: right;}
.nfloat  { float: none;	}
.lfloat  { float: left;	}
.rfloat  { float: right;}
.lalign  { text-align: left;}
.Calign  { text-align: center;}
.ralign  { text-align: right;}
.imgalign{ margin-bottom: -3px;  padding-right: 3px;}
.hide	 { display: none;	}
.inline	 { display: inline; }
.block   { display: block;	}
.fw2em   { text-indent:2em;/* First Word */}
.nobg    { background: none;}
.noBorder{ border: none;}

.ffclear { clear:both;line-height:1px;}
.hand    { cursor: pointer;}

.heigh15 { width:100%; margin-bottom:15px; padding-top:1px; display: block;}
.hei_font{ font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53";}
.transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;}

.first   { margin-left:0; padding-left:0; }
.last    { margin-right:0; padding-right:0; }
.top     { margin-top:0; padding-top:0; }
.bottom  { margin-bottom:0; padding-bottom:0; }

/*	color
---------------------------------------------*/
.cRed    { color: #f00;   }
.cBlue   { color: #1f3a87;}
.cGray   { color: #4f544d;}
.cWhite  { color: #fff;   }
.cBlack  { color: #000;   }
.cYellow { color: #ff0;   }
.cOrange { color: #f60;   }
/*	clearfloat
---------------------------------------------*/
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
#contact_form { 
	padding: 0; 
	width: 410px; 
	margin-bottom: 40px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	color: #333;  
	background: #fff; 
	border: 1px solid #dedede; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 100px; 
	margin-right: 12px; 
	font-size: 12px; 
}

#contact_form form textarea { 
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #333;
	background: #fff; 
	border: 1px solid #dedede; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form .submit_btn { 
	display: block; 
	width: 80px; 
	height: 25px; 
	background: url(../images/templatemo_button_02.png); 
	border: 1px solid #bb4d17; 
	color: #fff; 
	font-size:13px;
	border: none; 
	margin: 10px 0px;
}
.clear {clear:both;}