@charset "utf-8";

/**********************
        语言外框
************************/
#zh {height:1px;width:1100px;margin:0 auto;}
	 
.zhst {	
		font-size:16px;
		font-family:微软雅黑;
		width:500px;
		position:relative;left:820px;top:-100px;
}

.zhst  li {
		float:left;
		border: 1px solid #000000;
		list-style:none; 
		width:100px;
		line-height:28px;
		text-align:center;
		 border-radius:20px; /*圆角*/
}

.zhst  li a  
		{ color:black;
		  display:block;
		  text-decoration:none;
		  -webkit-transition: all 0.5s ease-out; /*过渡时间*/
		   border-radius:20px; /*圆角*/
}

.zhst  li a:hover  	{ 
				color:black;
				background-color:#FFF;
				-webkit-transition: all 0.3s ease-out;	/*过渡时间*/
				 border-radius:20px; /*圆角*/
} 

/**********************
          布局
************************/
#top {
	 height:80px;
	 width:1100px;
	 margin:0 auto; /*水平居中*/
}

#top2 {
/**********渐变背景*******
     background: -webkit-linear-gradient(#442767,#26204B); /* Safari 5.1 - 6.0 
     background: -o-linear-gradient(#442767,#26204B); /* Opera 11.1 - 12.0 
     background: -moz-linear-gradient(#442767,#26204B); /* Firefox 3.6 - 15 
     background: linear-gradient(#442767,#26204B); /* 标准的语法（必须放在最后） 
**********************/
	 background-color:#669999;
	 border-radius:8px; /*圆角*/
	 box-shadow:1px 1px 1px #336633;
	 height:40px;
	 width:1100px;
	 margin:0 auto;
}

#top3 {
	 height:100px;
	 width:1100px;
	 margin:0 auto;
	 line-height: 1.5 /*文字行距*/
}

#top4 {height:10px;width:1100px;}

#top5 {font-family:宋体;color:black;font-size:14px;height:80px;width:1100px;text-align: center;}


/***********搜索表单，测试了下可惜不能离线搜索关键字
#search {
		background-image:url(../image/search.gif);
		background-repeat:no-repeat;
		margin:0 auto;
		width:220px;
		height:24px;
		position:relative;left:430px;top:-30px;
}
***********/

/**************
      导航
*****************/
li.daohang {
	font-family:微软雅黑;
	width: 100px;
	height: 22px;
	overflow: hidden;
	border: 1px solid #FFFFFF; /*边框粗细*/
	border-radius: 40px;
	text-align:center;
	display: inline-block;
	list-style:none; /*清除格式*/
}
.dao2 {list-style:none;font-family:微软雅黑;}
.dao2 li {float:left; /*浮动 左侧 横排*/
		position:relative;left:-30px; /*定位*/
		width:90px;
		line-height:40px;
		text-align:center;
		display:inline; /*块内元素*/
}
.dao2 li a { color:white;
		  display:block;
		  text-decoration:none;
		  /*过渡时间*/
		  -webkit-transition: all 0.5s ease-out;
}
/*鼠标停放出现的效果*/
.dao2 li a:hover { color:black; 
				background-color:#33CC99;
			    /*border-bottom:1px solid white; 下划线*/
				/*过渡时间*/
				-webkit-transition: all 0.3s ease-out;
} 
/*二级菜单*/
ul li ul li{ float:none;background-color:#669999;margin-left:-10px; } 
ul li ul{ position:absolute; display:none;z-index:1000;}
ul li:hover ul{ display:block;}

/**************
     文字
******************/
h1,h2,h3,h4,h5,h6,p {color:black;}
h1,h2,h3,h4,h5,h6 {text-align: center}/*标题居中，段落排版对齐方式*/

.wenzi {
		font-size:16px;
		color:black;
		font-family:微软雅黑,方正细圆简体;
		/************指定字体文件位置
		src:url('/font/NotoSansHans-Light.otf')
			,url('/font/NotoSansHans-Light.eot'); /* IE9+ */
}
.zi1 {color:#CC0099;}
.zi1 a {color:blue;text-decoration:none;}
.zi2 {font-size:16px;color:black;text-align:center;font-family:微软雅黑,方正细圆简体;}

/************
    连接
**************/
a {	color:black;
	text-decoration:none; /*无下划线*/
}

/*****************
     表格
****************/
#lu  {
  margin:0 auto;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:80%;
  border-collapse:collapse;
}

#lu th  {
  text-align:center;
  font-size:16px;
  border:1px solid black;
  padding:3px 7px 2px 7px;
}

#lu td{
  font-family:宋体;
  height:20px;
  text-align:center;
  font-size:16px;
  border:1px solid #000000;
  padding:3px 7px 2px 7px;
}

#lu th  {
  font-size:1em;
  text-align:center;
  padding-top:4px;
  padding-bottom:4px;
  background-color:#F5F5F5;
  color:black;
}

#lu2 {
  margin:0 auto;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:90%;
  border-collapse:collapse;
}

#lu2 th  {
  text-align:center;
  font-size:16px;
  border:1px solid black;
  padding:3px 7px 2px 7px;
}

#lu2 td{
  font-family:宋体;
  height:20px;
  text-align:center;
  font-size:16px;
  border:1px solid #000000;
  padding:3px 7px 2px 7px;
}
 
#lu2 th  {
  font-size:1em;
  text-align:center;
  padding-top:4px;
  padding-bottom:4px;
  background-color:#F5F5F5;
  color:black;
}

/*点击样式*/
#lu a:hover{color:#990066;}
#lu2 a:hover{color:#990066;}

/******************
		首页
*******************/
.op {height:50px;width:1100px;margin:0 auto;}

#kx {
	 float:left;
	 height:50px;
	 width:600px; 
}

.explain {	width:200px;
			list-style:none;
			font-family:微软雅黑;
			display:inline; /*横排*/
}
.explain li {	float:left;
			list-style:none; 
			position:relative;left:40px; top:-340px;/*定位*/
			border: 1px solid #666666;
			width:200px;
			line-height:35px;
			text-align:center;
}
.explain li a { 
				color:#666666;
		 	    display:block;
		  		text-decoration:none;
		  		/*过渡时间*/
		  		-webkit-transition: all 0.5s ease-out;
}

.explain li a:hover { 
					color:white;
					background-color:#336666;
					/*过渡时间*/
					-webkit-transition: all 0.3s ease-out;
} 

.weixin {height:100px;width:1100px;margin:0 auto;}

#xuanchuan{
	 float:left;
	 height:50px;
	 width:900px; 
}

.zi10 {	width:100px;
		list-style:none;
		font-family:微软雅黑;
		font-size:20px;
}
.zi10 li {	float:left;
			list-style:none; 
			border: 1px solid #666666;
			border-bottom:0;
			border-top:0;
			width:100px;
			height:140px;
			line-height:35px;
			text-align:center;
}
.zi10 li a { 
		width:100px;
		height:140px;
		color:#6666666;
		display:block;
		text-decoration:none;
		/*过渡时间*/
		-webkit-transition: all 0.5s ease-out;
}

.zi10 li a:hover {	 	width:100px;
					height:140px;
					color:black;
					background-color:#FFF;
					filter:alpha(opacity=40);  
					-moz-opacity:0.4;  
					-khtml-opacity:0.4;  
					opacity: 0.4; 
					/*过渡时间*/
					-webkit-transition: all 0.3s ease-out;
}