﻿@charset "utf-8";
q:before, q:after {
  content: '';
}
.banner{
	margin-bottom: 0;
}
.area {
  max-width: 1400px;
  min-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
  overflow: hidden;
}
/* history */
.history {
  width: 100%;
  height: 2200px;
  position: relative;
  background: url("../images/history_bg.png") center no-repeat
}
.start-history {
  width: 1200px;
  height: 2200px;
  margin: 30px auto;
  text-align: center;
  background: url("../images/history_start.png") no-repeat top center;
  display: block
}
.cc_history {
  color: #2b2b2b;
  font-size: 36px;
  font-weight: 400;
  display: block;
  padding: 43px 0 20px 0;
}
.next_history {
  color: #bbb;
  font-size: 26px;
  width: 160px;
  margin: 0 auto;
  border-bottom: 1px solid #d1d1d1
}
.history ul{
	width: 100%;
	height: 2050px;
	background: url("../images/history.png") no-repeat top center;
	margin-top: 24px;
}
.history ul li{
	width: 100%;
	overflow: hidden;
}
.history ul li:first-child{
	padding-top:138px;
}
.history ul li:nth-child(odd) span{
	float: right;
	width: 532px;
	margin-right: -1000px;
}
.history ul li:nth-child(odd) i{
	float: left;
	font-style: normal;
    line-height: 86px;
    font-size: 42px;
}
.history ul li:nth-child(odd) div {
	width: 280px;
	min-height: 64px;
	padding: 10px 20px 10px 20px;
	float: left;
	margin: 21px 0 0 15px;
	background-color: #d43434;
	font-size: 14px;
	color: #fff;
	text-align: left;
	line-height: 22px;
}
.history ul li:nth-child(even) span{
	float: left;
	width: 532px;
	margin-left: -1000px;
}
.history ul li:nth-child(even) i{
	float: right;
	font-style: normal;
    line-height: 86px;
    font-size: 42px;
}
.history ul li:nth-child(even) div {
	width: 280px;
	min-height: 64px;
	padding: 10px 20px 10px 20px;
	float: right;
	margin: 21px 15px 0 0;
	background-color: #d43434;
	font-size: 14px;
	color: #fff;
	text-align: right;
	line-height: 22px;
}
.history ul li:nth-child(1) i, .history ul li:nth-child(2) i, .history ul li:nth-child(3) i, .history ul li:nth-child(4) i, .history ul li:nth-child(5) i, .history ul li:nth-child(6) i, .history ul li:nth-child(7) i{
	color: #d43434 !important;
}
.history ul li:nth-child(8) i, .history ul li:nth-child(9) i, .history ul li:nth-child(10) i, .history ul li:nth-child(11) i, .history ul li:nth-child(12) i, .history ul li:nth-child(13) i, .history ul li:nth-child(14) i{
	color: #37779d !important;
}
.history ul li:nth-child(15) i, .history ul li:nth-child(16) i, .history ul li:nth-child(17) i, .history ul li:nth-child(18) i, .history ul li:nth-child(19) i, .history ul li:nth-child(20) i, .history ul li:nth-child(21) i{
	color: #f76d02 !important;
}
.history ul li:nth-child(8) div, .history ul li:nth-child(10) div, .history ul li:nth-child(12) div, .history ul li:nth-child(14) div, .history ul li:nth-child(9) div, .history ul li:nth-child(11) div, .history ul li:nth-child(13) div{
	background-color: #37779d;	
}
.history ul li:nth-child(15) div, .history ul li:nth-child(17) div, .history ul li:nth-child(19) div, .history ul li:nth-child(21) div, .history ul li:nth-child(16) div, .history ul li:nth-child(18) div, .history ul li:nth-child(20) div{
	background-color: #f76d02;
}
.history ul li:nth-child(12), .history ul li:nth-child(13), .history ul li:nth-child(16){
	margin-top: -20px;
}
.history ul li:nth-child(17){
	margin-top: -10px;
}
.history-img {
  height: 2050px;
  width: 130px;
  overflow: hidden;
  float: left;
  margin-top: 24px;
  margin-left: 8px
}
.history_mid {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  background: 0
}
.history_left {
  width: 431px;
  height: 2050px;
  float: left;
  clear: left;
  position: relative;
  overflow: hidden
}
.history_right {
  width: 431px;
  height: 2050px;
  float: left;
  position: relative;
  overflow: hidden
}
.history_R {
  width: 420px;
  height: 100px;
  margin-left: 500px
}
.history_L {
  width: 420px;
  height: 100px;
  float: right;
  margin-right: 500px
}
.history_r_2008 {
  margin-top: 157px
}
.history_2007 {
  width: 420px;
  height: 100px;
  background: #FFF;
  margin-top: 73px
}
.history_2008_span {
  float: left;
  line-height: 100px;
  font-size: 42px;
  color: #d43434
}
.history_2008_b {
  width: 280px;
  height: 78px;
  float: left;
  margin-top: 21px;
  background: url("../images/sprites.png") center;
  background-position: 0 -1300px;
  padding-left: 60px;
}
.history_r_month {
  float: left;
  color: #FFF;
  display: block;
  width: 30px;
  line-height: 25px;
  height: 78px;
  border-right: 1px solid #FFF;
  margin-left: 25px
}
.history_r_text {
  float: left;
  font-size: 14px;
  color: #FFF;
  display: block;
  height: 78px;
  line-height: 25px;
  padding-left: 5px;
  text-align: left
}
.year2006 {
  margin-top: 242px
}
.year2009 {
  margin-top: 65px
}
.year2011 {
  margin-top: 53px
}
.year211 {
  margin-top: 43px
}
.year2013 {
  margin-top: 62px
}
.yearalmost {
  margin-top: 73px
}
.yearalmostr {
  margin-top: 70px
}
.history_2008 {
  width: 420px;
  height: 100px;
  background: #FFF;
  margin-top: 73px;
  float: right
}
.history_2011 {
  width: 420px;
  height: 100px;
  background: #FFF;
  margin-top: 43px;
  float: right
}
.history_2006_span {
  float: right;
  line-height: 100px;
  font-size: 42px;
  color: #d43434
}
.history_2006_b {
  width: 280px;
  height: 78px;
  float: right;
  margin-top: 21px;
  background: url("../images/sprites.png") center;
  background-position: 0 -1200px
}
.blue {
  background-position: 0 -1400px !important
}
.blue_R {
  background-position: 0 -1500px !important
}
.yellow {
  background-position: 0 -1600px !important
}
.yellow_R {
  background-position: 0 -1700px !important
}
.history_l_month {
  float: right;
  color: #FFF;
  display: block;
  width: 30px;
  line-height: 25px;
  height: 78px;
  border-left: 1px solid #FFF;
  margin-right: 37px
}
span.blue {
  color: #37779d
}
span.yellow {
  color: #f76d02
}
.history_l_text {
  float: left;
  font-size: 14px;
  color: #FFF;
  display: block;
  height: 78px;
  line-height: 25px;
  padding-top: 3px;
  width: 202px;
  text-align: right;
  padding-right: 5px
}
.smalltext {
  font-size: 12px;
  line-height: 18px
}
.smalltxt {
  font-size: 12px
}