@charset "utf-8";

html, body, ul, li { margin: 0; padding: 0px;}
br {line-height:8px; margin:0px;}

h1, h2, ul, li, p { margin: 0; padding: 0; }
html, body {font-family:georgia, verdana, tahoma, arial, sans-serif; font-size: 0.625em/1.5em; background:#f2f2f2; width:100%;}
a {color:#1c769a; text-decoration:none; }
a:hover {text-decoration:underline;}
/*top 4 page*/
.clearz1{clear:both:height:1px;width:100%}
.clearz10{clear:both:height:10px}
.clearz20{clear:both:height:20px}
.topboxnav_p{ width:100%;background-color:#C00909;border-bottom:1px solid #E0E0E0;height:38px;float:left;min-width:1200px}
.topz_p{ width:100%; height:38px; overflow:hidden; margin:0 auto;background-color:#C00909;padding-top:0px;;min-width:1200px}
.topz_p img{ float:left;padding-top:0px}
.top_L_p{ width:70%;float:left;padding-top:10px;overflow:hidden;font-size:13px}
.top_L_p a{ margin-right:10px; height:20px;color:#fff;padding-top:5px}
.top_L_p a:hover{ text-decoration:underline;color:#f4eb00}

.top_R_p{width:20%;float:left;text-align:right;padding-top:10px;font-size:13px}
.top_R_p a{ float:right;padding-left:10px;color:#fff}
.top_R_p a:hover{text-decoration:underline;color:#FFC600}
.topz_p .xiaologo{float:left;height:38px}
#tree {
  display: inline-block;
  padding: 10px;
  float:left;
  position:relative;
  left:330px;
  margin-top:50px;

}

#tree * {
  box-sizing: border-box;
}

#tree .branch {
  padding: 5px 0 5px 20px;
}

#tree .branch:not(:first-child) {
  margin-left: 170px;
}

#tree .branch:not(:first-child):after {
  content: "";
  width: 20px;
  border-top: 1px solid #989ac0;
  position: absolute;
  left: 150px;
  top: 50%;
  margin-top: 1px;
}

.entry {
  position: relative;
  min-height: 42px;
  display: block;
}

.entry:before {
  content: "";
  height: 100%;
  border-left: 1px solid #989ac0;
  position: absolute;
  left: -20px;
}

.entry:first-child:after {
  height: 10px;
  border-radius: 10px 0 0 0;
}

.entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 1px;
  border-radius: 10px 0 0 0;
}

.entry:after {
  content: "";
  width: 20px;
  transition: border 0.5s;
  border-top: 1px solid #989ac0;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: 1px;
}

.entry:last-child:before {
  width: 10px;
  height: 50%;
  border-radius: 0 0 0 10px;
}
.entry:last-child:after {
  height: 10px;
  border-top: none;
  transition: border 0.5s;
  border-bottom: 1px solid #989ac0;
  border-radius: 0 0 0 10px;
  margin-top: -9px;
}

.entry:only-child:after {
  width: 10px;
  height: 0px;
  margin-top: 1px;
  border-radius: 0px;
}

.entry:only-child:before {
  display: none;
}

.entry span {
  border: 1px solid #989ac0;
  display: block;
  min-width: 150px;
  padding: 5px 10px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #000;
  font-family: arial, verdana, tahoma;
  font-size: 12px;
  display: inline-block;
  border-radius: 5px;
  transition: all 0.5s;
}

#tree .entry span:hover,
#tree .entry span:hover + .branch .entry span {
  background: #d0d1de;
  color: #000;
  border-color: #a6a6a6;
}

#tree .entry span:hover + .branch .entry::after,
#tree .entry span:hover + .branch .entry::before,
#tree .entry span:hover + .branch::before,
#tree .entry span:hover + .branch .branch::before {
  border-color: #a6a6a6;
}
#tree .entry em{display:none}
#tree .entry span:hover em{display:block;font-size:10px;color:#999;position:absolute;  display:block;
  position:absolute;
  top:30px;
  left:30px;
  width:200px;
  background-color:#c4ca8a;
  color:#000;
  padding:5px;
  border-radius: 5px;
    transition: all 0.5s;
   z-index: 99 ;
   min-height:30px}
#tree .entry a{color:#000;text-decoration:none}
.bkcontent{float:left;position:relative;left:350px;top:50px;width:900px;clear:both;line-height:30px}
.bkcontent h1,h2,h3{padding:10px 0;clear:both}
.bkcontent h1{font-size:18px;clear:both}
.bkcontent h2{font-size:18px}
.bkcontent h3{font-size:16px}
.bkcontent p{float:left;line-height:30px;font-size:16px;padding-bottom:10px;width:100%}