我觉得是因为背景图的宽度是1500px,比屏幕要宽。所以设置文字居中时会以基于背景的宽度居中,所以显示时会偏向右边。
解决的方法是利用相对定位:
.index-banner-text .text-info { position: relative; margin-left:-211px; color:#fff;}
屏幕的问题可以通过判断尺寸加载不同的css和图片解决。