.history-bg {  padding-bottom: 100px; width: 100%; padding-top: 40px; overflow:hidden;font-family: "Microsoft YaHei"; }
.historybox { width: 1300px; margin: 0 auto; background: url(../index/hbox-bg.jpg) repeat-y center center; overflow: hidden; }
.historybox li { width: 655px; padding-bottom: 40px; position: relative; margin-bottom: 15px; }
.historybox .hl { float: left; text-align: right; }
.historybox .hr { float: right; }
.hr .historycont { padding-left: 50px; }
.hl .historycont { padding-right: 55px; }
.historybox li h4 { color: #0048a3; font-family: "Microsoft YaHei"; font-size: 28px; letter-spacing: -3px; margin-bottom: 10px; padding-top: 15px; }
.historybox li p { padding-left: 6px; font-family: "Microsoft YaHei"; }
i.hs-point { display: block; width: 74px; height: 74px; background: url(../index/point1.png) no-repeat; position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; }
.hr i.hs-point { left: -32px; }
.hl i.hs-point { right: -32px; }
.historybox li:hover i.hs-point { background: url(../index/point2.png) no-repeat; }