.hzhb_239 { margin: 0 auto;width:100%;padding: 60px 0 }
.hzhb_239 .title { padding: 0 10px 30px;text-align: center }
.hzhb_239 .title h3 { color: #203144;font-weight: 500;font-size: 36px;white-space: nowrap;margin: 0 0 30px }
.hzhb_239 .title p {font-size: 18px;color: #666;white-space: nowrap;margin: 0  }
.hzhb_239 .hb-con { margin: 0;height: 300px;padding:0;margin-bottom: 30px }
.hzhb_239 .hb-con .item { width: 23.8%;;height:190px;margin: 0.5%;border: 1px #ccc solid;float: left;display: block;text-align: center;cursor: pointer }
.hzhb_239 .hb-con .item img { height: 160px;width: 100%}
.hzhb_239 .hb-con .item:hover {-webkit-box-shadow: 0 0 30px rgba(32, 49, 68, 0.3);-moz-box-shadow:0 0 30px rgba(32, 49, 68, 0.3);box-shadow: 0 0 30px rgba(32, 49, 68, 0.3);transform: translateY(-5px);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */-webkit-transition: all 0.3s ease-in; /* Safari 和 Chrome */-o-transition: all 0.3s ease-in; /* Opera */
}
.hzhb_239  .btns-more { padding: 0;margin: 0;text-align: center }
.hzhb_239  .btns-more .more { border: 1px #ff8800'} solid;height: 44px;width: 300px;display: inline-block;color: {$eyou.theme.color1|default='#ff8800;font-size: 18px;line-height: 42px;position: relative;overflow: hidden;transition: all .5s ease-in; }
.hzhb_239  .btns-more .more span {display:block;width:0;height:0;border-radius: 50%;transition: all .5s ease-in;background-color: #ff8800;position:absolute;z-index: -1;left: 0;bottom: 0;transform: translate(-50%,50%);}
.hzhb_239  .btns-more .more:hover{color: #fff;}
.hzhb_239  .btns-more .more:hover span { width:900px;height:600px; }
@media only screen and (max-width: 992px) {
    .hzhb_239 .hb-con { margin-bottom: 20px;height: auto }
    .hzhb_239  .btns-more { margin-bottom: 20px }
    .hzhb_239 .hb-con .item { width: 48%;height:88px;margin: 1%;border: 1px #ccc solid;float: left;display: inline-block;cursor: pointer }
    .hzhb_239 .hb-con .item img { height: 86px}
}
@media only screen and (min-width: 1200px) {
    .hzhb_239 { width: 1170px}
}
@media (min-width:992px) and (max-width:1199px){
    .hzhb_239 { height: auto }
}
@media only screen and (max-width: 991px) {
    .hzhb_239 { height: auto }
    .hzhb_239 .title { padding:0 10px 30px}
    .hzhb_239 .title p a{ white-space: normal;line-height: 24px;font-weight: normal  }
}
@media only screen and (max-width: 720px) {
    .hzhb_239 { padding: 30px 0 }
    .hzhb_239 .title h3 { font-size: 20px;margin: 0 0 10px }
    .hzhb_239 .title p { margin: 0 0 10px }
    .hzhb_239 .title p a { font-size: 15px }
    .hzhb_239 .btns-more .more {margin-top: 30px;height: 28px;width: 140px;font-size: 14px;line-height: 28px;}
}