﻿<style type="text/css">
            /*  *{margin:0px; padding:0px; }                                 /*应用于 所有 的元素： 外边距，内边距*/
			* {
			  box-sizing: border-box;
			}
			body {
				background-image: url("aa.png");
				margin: 0px;    /*body本身是有外边距的*/
				padding:0px;
			}
a:link,a:active {color:#2F4F4F;text-decoration:none;}
a:hover { 
color:#FF0000; 
text-decoration:none; 
}
a:visited { 
color:#9932CC; 
text-decoration:none; 
} 
.leftbj{
	margin-left: 100px;
}
ul {
  list-style-type: none;    /*删除ul本身的样式*/
  margin: 0;                /*删除ul本身的外边距*/
  padding: 0;               /*删除ul本身的内边距*/
  overflow: hidden;         /*元素溢出时：隐藏*/
  background-color: #483D8B;
}

li {
  float: left;             /*浮动:向左（如果没有这句，则变成了垂直菜单）*/
  font-size: 22px;
}
li.zc{
	  border-right:1px solid #bbb;
	  float: right;   
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #4CAF50;
}
.active {
  background-color: #4CAF50;
}
.zwlt{
		float: left;   
	width: 14%;
	background-color: #FFFFFF;
		 border-style: solid;
	 border-width: 1px;
	 border-color: #A9A9A9;
	 margin-top: 5px;       /*外边距*/
}
.zwrg{
	float: left;   
	width: 76%;
	background-color: #FFFFFF;
	 margin-top: 5px;       /*外边距*/
	  margin-left: 5px;       /*外边距*/
	 border-style: solid;
	 border-width: 1px;
	 border-color: #A9A9A9;
	 padding: 10px;       /*内边距*/
	  overflow: auto;   /*溢出：自适应*/ 
}
.taba{
	overflow-y: hidden;
	overflow-x: hidden;
}
.zwrga{
	float: right;   
	width: 49%;
	  overflow: auto;   /*溢出：自适应*/ 
}
.zwrgb{
	float: left;   
	width: 49%;
	  overflow: auto;   /*溢出：自适应*/ 
}
.zwrgc{
	float: left;   
	width: 100%;
	  overflow: auto;   /*溢出：自适应*/ 
}
.zwrgd{
	float: left;   
	width: 49%;
	  overflow: auto;   /*溢出：自适应*/ 
	   margin-left: 30px;       /*外边距*/
}
.zwrgb{
	float: left;   
	width: 49%;
	  overflow: auto;   /*溢出：自适应*/ 
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.foot{   
	width: 100%;
	text-align: center;
}
.soso{
	width: 100%;
	  float: right;
	  margin: 5px 5px 0px 0px; 
}	
.soso form {
	 float: right;
            position: relative;
            margin: 0 auto;
			width:350px;
        }
        .soso input {

            border-radius: 5px;   /* 圆角边框，值越大越趋近于圆*/ 
			height: 23px;
            width:280px;
            border: 2px solid #9370DB;
            outline: none;
        }
        .soso button {
            background: #9370DB;
            border-radius: 0 5px 5px 0;    /* 圆角边框，值越大越趋近于圆*/ 
            width: 60px;
			height: 23px;
            cursor: pointer;   /*鼠标样式*/ 
            position: absolute;left:260px;   /*相对于包含它的元素的固定坐标*/
            border: none;
            outline: none;
        }
	            #NavTop{
                    width:70px;
                    height:270px;
                    margin-top:50px;
                    position:fixed;    right:0px;top:450px;        
            }
    #click-button{
        display:none;
    }
    #NavCon:hover #click-button{
		right:70px;top:-180px;  
        display:block;
    }
.table-a{
	width:75%;
	border-width: 0px;
	background-color:#DCDCDC;
}
.table-b{
	width:75%;
	border-width: 0px;
	background-color:#FFFFFF;
}		
@media screen and (max-width: 767px) {        /*当浏览器区域小于指定宽度时设置的样式*/
  .table-a {	width:100%;	border-width: 0px; background-color:#DCDCDC;}
  .table-b {	width:100%;	border-width: 0px; background-color:#FFFFFF;}
}

        </style>