.ppzx_239 { margin: 0 auto;width:100%;padding: 60px 0 } .ppzx_239 .title { padding: 0 10px 30px;text-align: center } .ppzx_239 .title h3 { color: #203144;font-weight: 500;font-size: 36px;white-space: nowrap;margin: 0 0 30px } .ppzx_239 .title p {font-size: 18px;color: #666;white-space: nowrap;margin: 0 } .ppzx_239 .hb-con { margin-right: -60px;height: 1300px;padding:0;margin-bottom: 30px } .ppzx_239 .hb-con .item { width: 19%;;height:213px;margin: 2.3%;border: 1px #ccc solid;float: left;display: block;text-align: center;cursor: pointer } .ppzx_239 .hb-con .item img { height: 180px;width: 100%} .ppzx_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 */ } .ppzx_239 .btns-more { padding: 0;margin: 0;text-align: center } .ppzx_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; } .ppzx_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%);} .ppzx_239 .btns-more .more:hover{color: #fff;} .ppzx_239 .btns-more .more:hover span { width:900px;height:600px; } @media only screen and (max-width: 992px) { .ppzx_239 .hb-con { margin-bottom: 20px;height: auto } .ppzx_239 .btns-more { margin-bottom: 20px } .ppzx_239 .hb-con .item { width: 48%;height:88px;margin: 1%;border: 1px #ccc solid;float: left;display: inline-block;cursor: pointer } .ppzx_239 .hb-con .item img { height: 86px} } @media only screen and (min-width: 1200px) { .ppzx_239 { width: 1170px} } @media (min-width:992px) and (max-width:1199px){ .ppzx_239 { height: auto } } @media only screen and (max-width: 991px) { .ppzx_239 { height: auto } .ppzx_239 .title { padding:0 10px 30px} .ppzx_239 .title p a{ white-space: normal;line-height: 24px;font-weight: normal } } @media only screen and (max-width: 720px) { .ppzx_239 { padding: 30px 0 } .ppzx_239 .title h3 { font-size: 20px;margin: 0 0 10px } .ppzx_239 .title p { margin: 0 0 10px } .ppzx_239 .title p a { font-size: 15px } .ppzx_239 .btns-more .more {margin-top: 30px;height: 28px;width: 140px;font-size: 14px;line-height: 28px;} }