html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


body {
  background: #909eab url(bg.png);
  font-family: Helvetica, sans-serif;  line-height: 1;
}

nav {
  // width: 1000px;
  //height: 152px;
  margin: 0px auto; 
  text-align: center;
  border: none;
  //border-color: red;
  font-size: 16px;
}

nav ul ul {/*只要 ul下的ul都不显现*/
  display: none;
}

  nav ul li:hover > ul {  /* ul li下所有的ul*/
    display: block;
  }


nav ul {
  background: #efefef; 
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
  padding: 0 0px;
  border-radius: 0px;  
  list-style: none;
  position: relative;
  display: inline-table;
  
}
  nav ul:after {
    content: ""; clear: both; display: blSUB,Sock;
  }

  nav ul li{  /* border-radius was added in nav ul li, the shape for sub dropdown buttons may 
    be  different,if border-radius was added in nav ul li a, the shape for sub dropdown buttons will be
    the same*/
  background: #efefef; 
  background: linear-gradient(top, #06130d 0%,#66cc99 100%);//#669900 0%, #FFFF00 100%);  
  background: -moz-linear-gradient(top, #06130d 0%,#66cc99 100%);//#669900 0%, #FFFF00 100%); 
  background: -webkit-linear-gradient(top, #06130d 0%,#66cc99 100%);//#669900 0%,#FFFF00 100%); 
  box-shadow: 0px 10px 9px rgba(0,0,0,0.15);
  border-radius: 13px 13px 13px 13px; 
  border：  solid; 
  z-index: 9999;
  }

  nav ul li { /*nav下的第一套ul 的li 都水平罗列，以后所含的sub将是drop down*/
    float: left;
  }
    nav ul li:hover {/*nav下的第一套ul 的li:mouse over*/;
      background: #664d00;

    }
      nav ul li:hover a {/*nav下的第一套ul 的li:mouse over时，link的字的颜色为白色*/
        color: #fff;
      }
    
    nav ul li a {/*nav下的第一套ul 的li的link字的格式 */
      display: block; padding: 10px 21px;
      font-family: Microsoft YaHei;
      font-size:11pt;
      font-weight: bold;
      color: #ffffff; text-decoration: none;
      //background-color: #666633;
    }
      
    
  nav ul ul { /* ul 套 ul 时， 也即属第二层的子目录，边角是直角。。。*/
    background: #666633; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
  }
    nav ul ul li { /*也即除了主要的第一层的外的所有子目录 */
      float: none; 
      border-top: 1px solid white;//#6b727c;
      border-bottom: 1px solid white;//#575f6a; 
      position: relative;
      border-radius: 0px;

    }
      nav ul ul li a {
        padding: 15px 20px;
        background: #666633; 
        color: #ffff00;
        padding-top: 5px;
        padding-bottom: 5px;
      } 
        nav ul ul li a:hover {
          background: #33cc33;
        }
    
  nav ul ul ul {  /*第3层目录，左面给出足够空 */
    position: absolute; left: 100%; top:0;
    //padding-left: 5px;
    //padding-right: 5px;
    width: 200px;
    //background-color: navy;
  }
  nav ul ul li a:hover {
    background-color:  #664d00;
  }

.divindex1{
 /*position: absolute;
  width: 1000px;
  height: 152px;
  top:    2px;
  left:   200px;
  font-size: 16pt;
  border-color: red;*/
  width:90%;
  height: 152px;
  font-size:16pt;
  padding-top: 2px;
  margin: 0px;
  text-align: center;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);

  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);
}

.divindex2{
position: absolute; 
top:160px; 
left:200px; 
width: 1000px; 
height:500px;
background-color: white; 
margin: auto;

}
.divindex3{
  position: absolute; 
  top: 196px; 
  left: 200px; 
  width: 238px; 
  height: 500px; 
  text-align:center;
  border-style: solid;
  border-color: black;
  background-image: -webkit-linear-gradient(left,#c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
  background-image: -moz-linear-gradient(left, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);      //#FFFFB2,   #FFFFE6);  
  background-image: -o-linear-gradient(left,#c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);         //FFFFB2,  #FFFFE6);    
  background-image: linear-gradient(to right, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);       //#FFFFB2,   #FFFFE6);   
}
.div3tb1{

  width:100%;
  
  font-family: KaiTi;
  font-size:11pt;
}
.divIndexLabel{
  background-color:Navy;
  font-weight:bold; 
  color:white;
  height:20px;
  vertical-align:middle;

}

.divindex4{
  position: absolute; 
  top: 196px; 
  left: 440px; 
  width: 540px; 
  height:500px;
  background-color: lightyellow; 
  text-align:center;
}

.divindex5{
  position: absolute; 
  top: 156px; 
  left: 981px; 
  width: 220px; 
  height: 500px; 
  background-color: yellow;
  text-align:center;
   background-image: -webkit-linear-gradient(right,#99CC00,#FFFFFF);    // #FFFFB2,  #FFFFE6); 
  background-image: -moz-linear-gradient(right, #99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
  background-image: -o-linear-gradient(right, #99CC00,#FFFFFF);    // #FFFFB2,  #FFFFE6); 
  background-image: linear-gradient(to left, #99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
}
divTb1{
font-size: 20pt;
color: #FFFFFF;
}

divTb2{
font-size: 12pt;
color:#FFFFFF;

}




.divindex1{
 position: absolute;
  width: 1000px;
  height: 152px;
  top:    2px;
  left:   140px;
  font-size: 16pt;
  border: solid;
  margin: auto;
  color: white;
  text-align: center;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);

  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);
}

.divindex2{
position: absolute; 
top:160px; 
left:140px; 
width: 1000px; 
height:500px;
background-color: white; 
margin: auto;

}
.divindex3{
  position: absolute; 
  top: 196px; 
  left: 140px; 
  width: 238px; 
  height: 500px; 
  font-family:KaiTi;
  color:black;
  font-size:12pt;
  text-align:center;
  border-style: solid;
  border-color: black;

   background-image: -webkit-linear-gradient(left,#c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    // #FFFFB2,  #FFFFE6); 
  background-image: -moz-linear-gradient(left, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
  background-image: -o-linear-gradient(left, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    // #FFFFB2,  #FFFFE6); 
  background-image: linear-gradient(to right, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
}

.divindex4{
  position: absolute; 
  top: 196px; 
  left: 380px; 
  width: 540px; 
  height:500px;
  background-color: lightyellow; 
  font-family:KaiTi;
  font-size:12pt;
  color:black;
  text-align:center;
}

.divindex5{
  position: absolute; 
  top: 196px; 
  left: 921px; 
  width: 225px; 
  height: 500px; 
  background-color: yellow;
  text-align:center;
  font-family:KaiTi;
  font-size:12pt;
  color:black;
   background-image: -webkit-linear-gradient(right,#c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    // #FFFFB2,  #FFFFE6); 
  background-image: -moz-linear-gradient(right, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
  background-image: -o-linear-gradient(right, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    // #FFFFB2,  #FFFFE6); 
  background-image: linear-gradient(to left, #c6ecd9,#FFFFFF);//#99CC00,#FFFFFF);    //#FFFFB2,  #FFFFE6); 
}
div2{
position: relative;;
    top: 200px;
    left: 175px;
    width: 240px;
    height: 450px;
    border: solid;
    background-color: rgb(250,250,250);

}
div3{
position: absolute;
    top: 208px;
    left: 415px;
    width: 540px;
    height: 450px;
    border: solid;
    background-color: rgb(250,250,250);

}
div4{
position: absolute;
    top: 208px;
    left: 956px;
    width: 220px;
    height: 450px
    border: solid;

}

divTb1{
font-size: 20pt;
color: #FFFFFF;
}

divTb2{
font-size: 12pt;
color:#FFFFFF;

}


.myButton {
  background-color:navy;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  border:1px solid #18ab29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:KaiTi;
  font-size:16px;
  font-weight: bolder;
  padding:6px 65px;
  text-decoration:none;
  text-shadow:0px 0px 0px #2f6627;
  box-shadow: inset 0px 0px 0px #dcdfe1, 0px 0px 0px 0px #7f8c8d, 0px 0px 0px rgba(39, 39, 39, 0.8);
}
.myButton:hover {
  background-color:#9999ff;
}
.myButton:active {
  position:relative;
  top:1px;
}
#myDIV {
    //width: 300px;
    //height: 200px;
    background: #ff8080;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;

   overflow-y:auto;border:solid; width:99%; height:222px;text-align:left;
  font-family:KaiTi;
  color:black;
  text-align:center;
  /*font-size:10pt;
  
 /* border-style: solid;*/
  border-color: black;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {background-color: #ff8080;}
    to {background-color: #8080ff;}
}

/* Standard syntax */
@keyframes mymove {
    from {background-color: #ff8080;}
    to {background-color: #8080ff;}
}
p.small {
    line-height: 120%;
    font-family: Microsoft YaHei;
    font-size:11pt;
}
p.large {
    line-height: 120%;
    font-family: Microsoft YaHei;
    font-size:20pt;
    color: black;
}
p.middle {
      line-height: 120%;
    font-family: Microsoft YaHei;
    font-size:12pt;
    color:green;
}