.index .banner{position: relative;}
.index .main-content{margin:0 auto;width:100%;}
.index .main-content .content-box{margin:40px auto;width:1050px;text-align: center;}
.index .content-box li{float: left;width: 300px;margin-right:75px;}
.index .content-box li .img-top{width: 300px;height: 180px;position: relative;}
.index .content-box li .img-top img{width: 300px;height: 180px;}
.index .content-box li:last-child{margin-right:0;}
.index .content-box li .img-top>.img-top-bg{position: absolute;bottom: 0;left: 0;right: 0;text-align:center;line-height: 40px;width: 300px;height: 40px;color: #fff;background:rgba(0,0,0,0.8);}
.index .content-box ul{margin-top:30px;}
.index .content-box li .img-top>.img-top-bg h4{font:500 16px/40px 'Microsoft YaHei';overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index .content-box li .img-bottom img{float: left;margin-top: 6px;width: 50px;height: 50px;border-radius: 50%;}
.index .content-box li .img-bottom>.img-bottom-bg{float: left;margin-top: 7px;margin-left: 6px;height:50px;line-height: 5px;text-align: left;}
.index .content-box li .img-bottom>.img-bottom-bg h5{font: 500 14px/20px "Microsoft YaHei"; font-weight: bold;color: #000;}
.index .content-box li .img-bottom>.img-bottom-bg p{font: 500 12px/20px "Microsoft YaHei"; color: #000;}

@media screen and (max-width: 1049px){
.index .main-content .content-box{margin:40px auto;width:960px;text-align: center;}
.index .content-box li{float: left;width: 300px;margin-right:30px;}
.index .content-box li .img-top{width: 300px;height: 180px;position: relative;}
.index .content-box li .img-top img{width: 300px;height: 180px;}
.index .content-box li:last-child{margin-right:0;}
.index .content-box li .img-top>.img-top-bg{position: absolute;bottom: 0;left: 0;right: 0;text-align:center;line-height: 40px;width: 300px;height: 40px;color: #fff;background:rgba(0,0,0,0.8);}
.index .content-box ul{margin-top:30px;}
.index .content-box li .img-top>.img-top-bg h4{font:500 16px/40px 'Microsoft YaHei';overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index .content-box li .img-bottom img{float: left;margin-top: 6px;width: 50px;height: 50px;border-radius: 50%;}
.index .content-box li .img-bottom>.img-bottom-bg{float: left;margin-top: 7px;margin-left: 6px;height:50px;line-height: 5px;text-align: left;}
.index .content-box li .img-bottom>.img-bottom-bg h5{font: 500 14px/20px "Microsoft YaHei"; font-weight: bold;color: #000;}
.index .content-box li .img-bottom>.img-bottom-bg p{font: 500 12px/20px "Microsoft YaHei"; color: #000;}	
}