.body{
  height:23px;
  box-sizing: border-box;
  background: #E9E9E9;
  margin-bottom:20px;
}
.nav-box{
  width: 960px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 23px;
}
.nav-box a{
  color: #0071B3;
}
.nav-box a:hover{
  color: #04517e;
}
.section{
  margin-bottom: 10px;
}
.left_menu{
  width: 250px;
  min-height: 100px;
  position: relative;
  float: left;
}
.search{
  margin-bottom: 10px;
}
.left_menu input{
  width: 198px;
  height: 28px;
  box-sizing: border-box;
  outline: none;
  border:1px solid #62acd9;
  border-right: 0;
}
.left_menu select{
  width: 249px;
  height: 28px;
  box-sizing: border-box;
  outline: none;
  border:1px solid #62acd9;
  /*border-right: 0;*/
  margin-bottom:10px;
  color:#555;
}
.ser_box{
  position: absolute;
  display: inline-block;
  width:50px;
  height: 26px;
  border:1px solid #62acd9;
  border-left: 0;
}
.left_menu .ser{
  display: inline-block;
  width: 50px;
  height: 24px;
  background: #62acd9;
  color: #fff;
  text-align: center;
  line-height: 25px;
  position: absolute;
  top:1px;
  right:2px;
}
 .item{
  height: 40px;
  background: #62acd9;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}
.itemActive{
    background:#1B8ACC;
}
 .item a{
    display: inline-block;
    color: #fff;
    width: 150px;
    text-align: left;
}
 .item .hl, .item .dp{
  display: inline-block;
  width: 13px;
  height:14px;
}
 .item .hl{
  background-image: url("../images/zl_10.png");
  margin-bottom: -1px;
  margin-right: 10px;
}
 .item .dp{
  background-image: url("../images/zl_06.png");
  margin-bottom: -3px;
  margin-left: 10px;
}
.item_box{
  padding: 1px;
  border: 1px solid #e5e5e5;
  margin-bottom: 1px;
}
.dis_box{
overflow: hidden;
  height:0;
}
.dis_box ul{
  position: relative;
  z-index: -1;
}
.dis_box ul li{
  height: 44px;
  padding: 1px;
  border: 1px solid #e5e5e5;
  margin-bottom: 1px;

}
.dis_box ul li a{
  display: block;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-align: center;
}
.dis_box ul li a:hover{
  background: #e5e5e5;
}
/*...*/
.pic_box{
  width: 700px;
  float: right;
  min-height: 200px;
  /*border:1px solid #000;*/
  display: inline-block;
}
.pic_item{
  width: 340px;
  min-height: 100px;
  display: inline-block;
  border:1px solid #63adda;
  float: left;
  margin-bottom: 20px;
}
.pic_box .pic_item:nth-child(odd){
  margin-right: 20px;
}
.pic{
  width: 150px;
  height: 150px;
  float: left;
}
.pic img{
    width: 144px;
    height: 144px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
    margin-top: 3px;
}
.describe{
  float: right;
  width: 188px;
  min-height: 100px;
  padding: 20px 10px;
}
.describe ul{
  height:110px;
  padding-left: 10px;
  border-left: 1px solid #63adda;
}
/*.describe ul li{*/
/*  line-height: 35px;*/
/*}*/
 .describe ul li {
     height: 29px;
    line-height: 29px;
    text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-box-orient: vertical; 
 }
 .describe ul li:nth-child(3){
     height:52px;
     -webkit-line-clamp: 2; 
 }
/*.describe ul li span{*/
/*    display: inline-block;*/
/*    width: 113px;*/
/*    overflow: hidden;*/
/*    vertical-align: top;*/
/*}*/
/*.describe ul li:nth-child(3) span{*/
/*     width: 87px;*/
/*}*/
.page{
  text-align: center;
  color: #555;
  /*line-height: 20px;*/
}
.page button{
  vertical-align: top;
}
.page a{
  display: inline-block;
  width:40px;
  height:21px;
  box-sizing: border-box;
  border:1px solid #a9a9a9;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
  vertical-align: middle;
  color:#5CACEE;
  margin-top:-2px;
}
.page a.active{
  background: #f0f0f0;
  color: #4f94cd;
}
.page  button{
  margin:0 10px;
}
.go{
  width:30px;
  height:21px;
  box-sizing: border-box;
  margin-right: 10px;
  text-align: center;
}