@charset "utf-8";

/****************************************************************************************************
             Copyright  2007-2009   ©  www.china-host.org    cn.china-host.org  en.china-host.org    
			 
			 
				       Writen By Shadowlong
					   Design By Shadowlong
					   
			 Contact Us : Long@onnno.net 
			 
			 Please view our Website to konw more >
					   
*****************************************************************************************************/
/*---common styles---*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	background: #7C99B5;
	color: #231F20;
	font-family: "微软雅黑" ,"Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif", "新宋体" ;
	line-height: 1.6;
	font-size:12px;
	}
body#bd {
	background: #7C99B5;
	width:100%;
	margin:0;
	padding:0;

	}
/*-----Link style------*/
a {
	color: #000;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #385EAB;
	text-decoration: none;
}

a img {
	border: none;
}

img {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 180%;
	float:left;
    width:398px;
}

h2 {
	font-size: 110%;
	float:left;
	padding:0;
	margin:-top;0
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li .ul{ list-style:none;}{
	background: url(../images/bullet.gif) no-repeat 18px 8px;
	line-height: 180%;
	padding-left: 30px;
}


ol li {
	line-height: 180%;
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #DDDDDD;
	height: 1px;
}

td, div {
	font-size: 100%;
}
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}

.inputbox {
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.button {
	background: url(../images/grad1.gif) repeat-x top #CCCCCC;
	border: 1px solid #DDDDDD;
	padding: 2px 8px;
}

* html .button, *+html .button {
	padding: 1px 5px !important;
}
.ad_01 {
width:910px;
height:81px;
margin-top:8px;
}
/*--------------------------------------warpper_top-------------------------------*/
#warpper_top{
	float:left;
	width:100%;
	overflow:hidden;
	height:93px;
	}
.header{
	background:url(../img/wrapper_top.gif)  no-repeat;
	width:902px;
	height:93px;
	margin:0 auto;
	}
.logo{
	float:left;
	background: url(../img/logo.gif) no-repeat;
	width:152px;
	height:46px;
	margin-left:43px;
	margin-top:34px;
	display:inline;
	}
.english{
	float:right;
	width:90px;
	text-align:center;
	font-weight:bolder;
	}
/*---------nav-------------*/
#nav li.mav_w{
	float:left;
	background:url(../img/dian.gif) no-repeat;
	width:2px;
	height:32px;
	}
 
	
#nav {
line-height: 24px;
list-style-type: none; 
float:right;
width:620px;
height:33px;
background:url(../img/nav.gif) no-repeat;
margin-top:33px;
padding-left:20px;
display:inline;
padding-top:4px;
}

#nav a {
 display: block; 
 text-align:center; 
 color:#ffffff; 
  height:36px;
  width:80px;
  }

#nav a:link {
 color:#ffffff;
text-decoration:none;
}
#nav a:visited {
color:#ffffff;text-decoration:none;
}
#nav a:hover {
color:#FFF;
text-decoration:none;
font-weight:bold;
}

#nav li {
float: left;
font-size:14px;
height:36px;
width:80px;


}
#nav li a:hover{
background:#ffffff;
color:#03C;
}
#nav li ul {
line-height: 27px;
list-style-type: none;
text-align:center;
left: -999em; 
width: 130px;
position: absolute;
padding:0;
margin:0;
z-index:1;
}
#nav li ul li{
float: left; width: 130px;
background: #F6F6F6;
border-bottom:#CCC 1px  dotted;
height:25px;
font-size:11px;
}

#nav li ul a{
display: block; width: 106px;text-align:left;padding-left:24px;
color:#36C;
height:25px;

}
#nav li ul li a{
	color:#06C;
}

#nav li ul a:link {
color:#06C; text-decoration:none;
}
#nav li ul a:visited {
color:#06C;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#00AEEF;
}

#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}	
	
#nav li.nav_2  {
float: left;
font-size:14px;
height:36px;
width:110px;
text-align:center;
  }		
#nav li.nav_2  a{
	text-align:center;
	width:110px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*---------FLASH-------------*/
.FLASH{
	float:left;
	width:100%;
	overflow:hidden;
	}
.flash_1{
	width:902px;
	height:184px;
	margin:0 auto;
	}
#ifocus{
	width:902px; 
	height:184px;
	background:#F8F8F8;
	}
#ifocus_pic { 
display:inline; 
position:relative;
float:left;
width:902px; 
height:184px;
overflow:hidden; 
}
#ifocus_piclist ul{
	float:left;
	margin:0;
	padding:0;}
#ifocus_piclist ul li { 
width:902px; 
height:184px;
overflow:hidden; 
display:none}
#ifocus_piclist img {
	width:902px;
	height:184px;
	}
#ifocus_btn { display:inline; float:right; width:590px; margin:9px 9px 0 0; position:absolute; top:132px; left:400px;}
		#ifocus_btn li { float:left;width:124px; height:34px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
		#ifocus_btn img { width:115px; height:28px; margin:0px 0 0 0px; }
		#ifocus_btn .current { background:  url(../img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
/*---------wapper-------------*/
#wapper{
	float:left;
	width:100%;
	height:190px;
	overflow:hidden;
	}
.main{
	margin:0 auto;
	width:902px;
	background:#FFF;
	height:190px;
}
.main_pic{
	float:left;
	width:198px;
	height:190px;
	margin-left:8px;
	display:inline;
}
.main_pic img{
	float:left;
	margin-top:2px;
	display:inline;
	width:198px;
	height:61px;
	}
.roll{
	float:left;
	width:396px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
}
.roll_1{
	float:left;
	width:396px;
	height:24px;
}
.roll_1 ul{
	float:left;
	margin:0;
	padding:0;
}
.roll_1 ul li{
	float:left;
	width:81px;
	text-align:center;
	cursor:pointer;
}
.ctt2{
width:396px;
height:148px;
clear:both;border: 1px solid #DFDFDF;
padding-bottom:5px;
overflow:hidden;
}
.roll_2_z{
	float:left;
	width:252px;
	height:148px;}
.rool_2{
	float:left;
	width:252px;
	height:118px;
	overflow:hidden;
	margin-left:20px;
	display:inline;
}
.rool_2 li{
	float:left;
	font-size:12px;
	width:252px;
	margin-top:1px;
	display:inline;}
.new {
	color:#F00;
	font-size:10px;
	}
.more{
	float:left;
	font-size:13px;
	margin-top:3px;
	display:inline;
	margin-left:20px;
	width:252px;
	}
.more a{
	color:#00AEEF;
}
.rool_pic{
	float:right;
	width:112px;
	height:143px;
	}
.normaltab2     {
background: url(../img/shang.gif) no-repeat;
font-size:14px;
width:81px;
height:24px;
color:#000000 ;
text-align:center;
font-weight:bold;
}
.hovertab2      { 
     color:#000000; font-weight:bold;
     float:left;
	background:url(../img/xia.gif) no-repeat  ;
	font-size:14px;
	display:inline;
	text-align:center;
	width:81px;
   height:24px;
}
.undis2{display:none;}
/****************************************************************/
.main_right{
	float:left;
	width:279px;
	margin-left:10px;
	display:inline;
	margin-top:5px;
	height:184px;
	overflow:hidden;
	background:url(../img/acc_top.gif) no-repeat ;
	}
.main_right_1{
	float:left;
	width:265px;
	height:22px;
	font-size:12px;
	font-weight:bolder;
	padding-left:14px;
	padding-top:10px;
	display:inline;
	}
.main_right_1 span{
	color:#03F;
	}	

#acc a{
  display:block;
  line-height:20px;
  width:253px;
 background:url(../img/acc_2.gif) no-repeat ;
  cursor:pointer;
  text-decoration:none;
  color:#000;
  overflow:hidden;
  margin-top:5px;
  padding-left:27px;
 }
#acc a:hover{
 background:url(../img/acc_2.gif) no-repeat ;
 color:#000;
}
#acc a.selected {
color:#ffffff;
}
#acc a:visited{
	background:url(../img/acc_2.gif) no-repeat ;
	}
#acc span{
	width:253px;
	height:40px;}

/*----------------acc_1----------------*/   
#acc_1{
  width:278px;
  float:left;
}
#navigation,#navigation li ul{
  margin:0px;
  padding:0px;
}
#navigation li{
   margin:0px;
  padding:0px;
  list-style:none;
}
/*折叠菜单header的样式*/
#navigation li span.head{
  display:block;
  height:20px;
  line-height:20px;
  cursor:pointer;
 background:url(../img/acc_2.gif) no-repeat ;
  padding-left:27px;
 text-decoration:none;
 width:237px;
 margin-left:7px;
  color:#000;
  overflow:hidden;
  margin-top:5px;}
#navigation li ul li a{
  display:block;
  line-height:25px;
  text-indent:30px;
  color:#000000;
  text-decoration:none;
}




#FOTTER{
	float:left;
	width:100%;
	overflow:hidden;
	height:266px;
	}
.fotter_w{
	margin:0 auto;
	background:url(../img/fotter.gif) no-repeat;
	width:902px;
	height:266px;
	overflow:hidden;
	}
.fotter_w_top{
	float:left;
	width:901px;
	height:122px;
	margin-top:20px;
	display:inline;
	overflow:hidden;
	}
.ScrCont {
width: 32766px; 
zoom: 1
}
#List1_1{
	float:left;
	}
#List2_1{
	float:left;
	}
.col_pic{
	float:left;
	width:815px;
	height:112px;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	overflow:hidden;
	}
.butt{
	float:left;
	background: url(../img/re.gif)  no-repeat;
	width:26px;
	height:43px;
	margin-top:40px;
	margin-left:10px;
	display:inline;
	}
.buttm{
	float:left;
	background: url(../img/le.gif)  no-repeat;
	width:26px;
	height:43px;
	margin-top:40px;
	margin-left:7px;
	display:inline;
	}
.mg{
	float:left;
	margin:0;
	padding:0;
}
.mg li{
	float:left;
	width:205px;
	height:112px;
	background:url(../img/jiao.gif) no-repeat;
}
.mg li img{
	float:left;
	width:70px;
	height:99px;
	margin-left:10px;
	margin-top:2px;
	display:inline;
}
.mg li span{
	float:left;
	width:110px;
	height:99px;
	margin-top:2px;
	display:inline;
}
.mg li span img{
	float:left;
	width:96px;
	height:19px;
	}
.zi_tittle{
	float:left;
	width:110px;
	font-size:14px;
	color:#000;
	}
.rooll_3{
	float:left;
	width:110px;
	height:99px;
	margin-top:2px;
	display:inline;
	}
.roll_4{
	float:left;
	background:url(../img/mmj.gif) no-repeat right;
	font-size:14px;
	color:#F00;
	width:110px;
	height:19px;
	}
.roll_41{
	float:left;
	background:url(../img/mmj1.gif) no-repeat right;
	font-size:14px;
	color:#F00;
	width:110px;
	height:19px;
	}
.roll_42{
	float:left;
	background:url(../img/mmj2.gif) no-repeat right;
	font-size:14px;
	color:#F00;
	width:110px;
	height:19px;
	}
.zi_tit{
	float:left;
	font-size:12px;
	width:110px;}
.fir{
	float:left;
	background:url(../img/fr.gif) no-repeat;
	width:867px;
	height:30px;
	margin-top:12px;
	padding-left:34px;
	padding-top:9px;
	text-align:left;
	display:inline;}

.fir ul{
	float:left;
	padding:0;
	margin:0;
	font-size:14px;}

.fir ul li{
	float:left;
	margin-left:20px;
	font-size:12px;}

.select_1{
	float:right;
	margin-top:2px;
	width:110px;
	margin-right:3px;
	height:15px;
	display:inline;}

.button{
	float:right;
	width:47px;
	height:26px;
	margin-right:8px;
	border:none;
	background:url(../img/go.gif) no-repeat;
}
.fir span{
	float:right;
	display:inline;
	width:65px;
	height:12px;
	padding-top:5px;
	}
.nav_di{
	float:left;
	width:450px;
	margin-left:35px;
	margin-top:20px;
	display:inline;
	}
.nav_di ul{
	float:left;
	margin:0;
	padding:0;
}
.nav_di ul li{
	float:left;
	margin-left:10px;
	display:inline;
	}
.zio{
	float:right;
	margin-right:15px;
	margin-top:20px;
	width:330px;
	display:inline;}