.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;
     display: inline-block;
 }
 
.search {
     margin-bottom: 10px;
 }
 
.left_menu input {
     width: 198px;
     height: 28px;
     box-sizing: border-box;
     outline: none;
     border:1px solid #62acd9;
     border-right: 0;
 }
 
.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;
 }
 
.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: 30px;*/
/* }*/
 .describe ul li {
     height: 29px;
     line-height: 29px;
    text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
 }
 .describe ul li:nth-child(3){
     height:52px;
 }
/*.describe ul li:last-child {*/
/*     text-align: right;*/
/* }*/
 
.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;
 }