.w1200 {
  width: 1200px;
  margin: 0 auto;
}

 .history .title{
	color: #fff;
}
 .history, .duty-wrap .history {
  padding: 2.6% 0 8.2%;
  background: url(../images/bg_bg03.jpg) no-repeat center;
  background-size: cover;
}
 .history .line, .duty-wrap .history .line {
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #fff;
  margin-top: -1px;
}
 .history .in, .duty-wrap .history .in {
  background: url(../images/bg_line01.png) no-repeat center;
  height: 514px;
  margin-top: 20px;
}
 .history .list-box, .duty-wrap .history .list-box {
  width: 1000px;
  height: 612px;
  margin-left: 100px;
}
 .history .list-box ul, .duty-wrap .history .list-box ul {
  height: 612px;
}
 .history .list-box li, .duty-wrap .history .list-box li {
  position: absolute;
  bottom: 355px;
  width: 220px;
  min-height: 176px;
  padding-left: 32px;
  background: url(../images/bg_line02.png) no-repeat left top;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  transform: translateX(30px);
  opacity: 0;
}
 .history .list-box li h2, .duty-wrap .history .list-box li h2 {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
 .history .list-box li.cur h2, .duty-wrap .history .list-box li.cur h2 {
  font-weight: bold;
  font-size: 46px;
  line-height: 60px;
}
 .history .list-box li img, .duty-wrap .history .list-box li img {
  display: block;
  max-width: 100%;
  margin: 18px 0;
}
 .history .list-box li:nth-child(2n), .duty-wrap .history .list-box li:nth-child(2n) {
  bottom: auto;
  top: 258px;
  padding-top: 92px;
  background: url(../images/bg_line03.png) no-repeat left -79px;
}
 .history .list-box li:nth-child(2), .duty-wrap .history .list-box li:nth-child(2) {
  left: 120px;
}
 .history .list-box li:nth-child(3), .duty-wrap .history .list-box li:nth-child(3) {
  left: 330px;
}
 .history .list-box li:nth-child(4), .duty-wrap .history .list-box li:nth-child(4) {
  left: 450px;
}
 .history .list-box li:nth-child(5), .duty-wrap .history .list-box li:nth-child(5) {
  left: 660px;
}
 .history .list-box li:nth-child(6), .duty-wrap .history .list-box li:nth-child(6) {
  left: 780px;
}
 .history .btn, .duty-wrap .history .btn {
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18.5px;
  cursor: pointer;
}
 .history .btn.prev, .duty-wrap .history .btn.prev {
  left: 0;
  .radius(50%);
  background: url(../images/prev01.png) no-repeat #4f4f4f;
}
 .history .btn.next, .duty-wrap .history .btn.next {
  right: 0;
  background: url(../images/next01.png) no-repeat #444;
}
.history .list-box .scroll-box{
  position: relative;
}
 .history .list-box li:nth-child(7), .duty-wrap .history .list-box li:nth-child(7) {
  left: 1020px;
}
 .history .list-box li:nth-child(8), .duty-wrap .history .list-box li:nth-child(8) {
  left: 1110px;
}