html,body {
  margin: 0;
  padding:0;
  background: #99CC99;
  font-size: 1.25rem;
  text-align:justify;/*fbj，F6F5F0文本两端对齐*/
  word-wrap: break-word;
}



.wsq1{	
	height:10px;
	background-color:#006633;
}
.wsq2{	
	height:10px;
	background-color: #669933;
}
.wsq3{	
	height:10px;
	background-color: #99CC99;
}
.wsq4{	
	height:0px;
	background-color: #ffffff;
}
.wsq5{	
	height:0px;
	background-color:#0033FF;
}


.dhcd/*导航菜单*/{	
	background-color: #006633;
	margin:0 auto;
	color: #F6F5F0!important;
	cursor: pointer;
	display: inline-block;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	
	/*padding: 0.75em 1em;fbj 原来是0.75 2*,下面的是全部添加的*/
	padding:0.1em;
	margin:0.1em; 
	width:80%;
	min-width:6rem;
	height:auto;  
	border: 2px solid #F6F5F0;
	-moz-border-radius: 15px;      /* Gecko browsers */    
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;            /* W3C syntax */
	text-align: center; /*让div内部文字居中*/

}
.dhcd:focus,/*导航菜单*/
.dhcd:hover
{
	background: #669933;
}

table {
	border-collapse: collapse;
	width: 800px;
	height:auto;
	text-align: center; /*让div内部文字居中*/
	}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid;
}

tr:nth-child(even)
 {background: #F6F5F0;}
tr:nth-child(odd)
 {background: #CCC;}

td {
	padding: 0.4em;
	/*word-break: break-all;必须*/
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

@media screen and (max-width: 800px) {
table {	
	width: 100%;
	height:auto;
	}
}

@media screen and (min-width:800px){
	.sfxs{ /*在大于480像素时，不再显示搜索框的分行符 */
	display: none;
	}
}

@media screen and (min-width:400px){
	.sfxs1{ /*在大于480像素时，不再显示搜索框的分行符 */
	display: none;
	}
}
.fbjsb/**红边框商标**/
{
text-align: center;
border: 6px solid #669933;
}

/* * 三列表显示,还有一个column也是三列显示的代码，不如这个* */	
  .llb ul,
  .slb ul,
  .fourlb ul,
  .fivelb ul,
  .sixlb ul,
  .sevenlb ul,
  .eightlb ul,
  .ninelb ul,
  .tenlb ul{
      width: 100%;
    display: table;/**此代码让各列等高对称*/
      border: 1px solid #ddd;
      padding:0;
      margin:0px;
}
   

	

/* * 四列表显示* */	
.llb li,
.slb li,
.fourlb li,
.fivelb li,
.sixlb li,
.sevenlb li,
 .eightlb li,
 .ninelb li,
 .tenlb li{
		display: table-cell;/**此代码让各列等高，但是注意不能与float: left;同时使用，如果使用则等高无效*/

     vertical-align:middle;/**内容上下居中**/
     word-wrap: break-word;/**过长自动换行**/
    word-break: break-all;/**内容过长自动换行**/
}
	.slb li {
		width: 33.33%;   /*如果显示三列 则width改为70px*/		
	}
	

    /* * 两列表显示不如这个* */

	.llb li {
		width: 50%;   /*如果显示三列 则width改为70px*/		
	}
	.fourlb li {
		width: 25%;   /*如果显示三列 则width改为70px*/		
	}

	.fivelb li {
		width: 20%;   /*如果显示三列 则width改为70px*/		
	}

		.sixlb li {
		width: 16.67%;   /*如果显示三列 则width改为70px*/
			}
	
		.sevenlb li {
		width: 14.2%;   /*如果显示三列 则width改为70px*/
			}

		.eightlb li {
		width: 12.25%;   /*如果显示三列 则width改为70px*/
			}
		.ninelb li {
		width: 11.11%;   /*如果显示三列 则width改为70px*/
			}
		.tenlb li {
		width: 10%;   /*如果显示三列 则width改为70px*/
			}
	
/* 响应式布局 - 小于 800 px 时改为上下布局 */

@media screen and (max-width: 800px) {
	.column,
	.slb li,
	.llb li,
   .fourlb li,
   .fivelb li,
	.sixlb li,
	.sevenlb li,
   .eihgtlb li,
	.ninelb li,
	.tenlb li   
	 {
    float: left;
    width: 100%;
  }
}