.wrapper{ max-width: 1440px; width:100%; margin:3rem auto;}




.slide { max-width: 1440px; height: 280px; overflow: hidden; position: relative; }
.slide-ul { position: relative; width: 8640px; margin: 0 0 0 -5px; }
.slide-ul li { display: inline; float: left; width: 700px; height: 260px; margin:0 10px; background: #fff; box-shadow: 0px 0px 8px 0px #ccc; margin-top:10px;}
.slide-ul li .left{ float: left; width:48%; margin-top:1rem; }
.slide-ul li .left img{ width:100%;}

.slide-ul li .right{ width:48%; float: right; margin-top:2rem;}
.slide-ul li .right p{ font-size: 1rem; color:#666; color:#666; line-height: 2rem; }
.slide-ul a { display: block; width: 710px; height: 350px; overflow: hidden; color: #fff; }
.slide-ul a:hover .pic-txt { color: #fff; }
.slide-ul .pic-txt { display: block; bottom: -30px; position: relative; width: 220px; height: 30px; margin: -30px 0 0; padding: 0 5px; font: 14px/30px Microsoft YaHei; text-align: center; z-index: 1; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);
cursor: pointer; }




.info-btn { width: 85px; height: 22px; overflow: hidden; margin: 0 auto; padding: 11px 0; zoom: 1; }
.info-btn li { float: left; padding: 0 3px; }
.info-btn li span { display: block; width: 22px; height: 22px; background: url(http://icon.zol-img.com.cn/sj/images/sjbz_infor-btn.png) 0 -27px no-repeat; text-indent: -9999em; overflow: hidden; cursor: pointer; }
.info-btn .info-cur span, .info-btn .info-hover span { background-position: 0 0; }