@charset "utf-8";

/*--clearfix--*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/*--Hides from IE-mac--*/
* html .clearfix{height:1%;}
.clearfix{display:block;}

	body {
	font:14px '微软雅黑',sans-serif;
	color:#333!important
}
a {
	text-decoration:none;
	color:#5a5a5a;
	outline:0;
	blr:expression(this.onFocus=this.blur())
}
.fl {
	float:left
}
.fr {
	float:right
}
.mr10 {
	margin-right:10px
}
.m20 {
	margin-left:5%;
	_margin-left:4%;
	margin-right:5%;
	_margin-right:4%
}
h4 {
	font-size:18px;
	color:#797979
}
.f12 {
	font-size:14px;
	font-weight:bold
}
h5 {
	color:#5a5a5a;
	font-weight:bold;
	line-height:30px;
	font-size:14px
}
.hbg {
	background:url(../img/bg.jpg) center top no-repeat;
	background-size:cover
}
.login_w {
	background:rgba(0,143,181,0.5);
	line-height:40px;
	text-align:right
}
.login_w .box {
	width:1000px;
	margin:0 auto
}
.login_w a {
	color:#FFF
}
.login {
	margin-left:20px
}
#cc_video {
	width:100%;
	background:#000;
	display:block;
	position:absolute;
	top:72px;
	left:0
}
#video_box {
	height:95%
}
#close {
	background:url(../img/closev.gif) 0 0 no-repeat;
	position:absolute;
	right:10%;
	top:0;
	display:block;
	width:21px;
	height:21px;
	text-indent:-9999em
}
#close:hover {
	background:url(../img/closev.gif) 0 -21px no-repeat
}
.feature {
	width:800px;
	margin:0 auto;
	font-size:18px;
	line-height:200%;
	overflow:hidden
}
.feature .box1,.feature .box2 {
	height:200px;
	border-bottom:1px solid #f6f6f6
}
.feature .box3 {
	height:200px
}
.feature .boderno {
	border:0
}
.feature .box1 .img1,.feature .box3 .img3 {
	height:190px;
	width:190px;
	position:relative;
	float:left
}
#img11 {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
	opacity:1 \0
}
#img12 {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	opacity:0;
	opacity:1 \0
}
.feature .box2 {
	text-align:right
}
.feature .box2 p {
	margin-right:230px
}
.feature .box2 .img2 {
	height:217px;
	width:202px;
	position:relative;
	float:right;
	margin-top:-20px
}
#img21 {
	position:absolute;
	left:0;
	top:0;
	z-index:2
}
#img22 {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
	opacity:1 \0
}
.feature h3 {
	font-size:22px;
	margin:50px 0 10px 0;
	color:#666
}
.feature p {
	margin-left:230px;
	color:#999
}
#img31 {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	opacity:0;
	opacity:1 \0
}
#img32 {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
	opacity:1 \0
}
.animation11 {
	-webkit-animation:fadeInLeft 1s .7s ease both;
	-moz-animation:fadeInLeft 1s .7s ease both
}
@-webkit-keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-20px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInLeft {
	0% {
	opacity:0;
	-moz-transform:translateX(-20px)
}
100% {
	opacity:1;
	-moz-transform:translateX(0)
}
}.animation12 {
	-webkit-animation:bounceInLeft 1s .2s ease both;
	-moz-animation:bounceInLeft 1s .2s ease both
}
@-webkit-keyframes bounceInLeft {
	0% {
	opacity:0;
	-webkit-transform:translate(-2000px,2000px)
}
60% {
	opacity:1;
	-webkit-transform:translate(30px,-30px)
}
80% {
	-webkit-transform:translate(-10px,10px)
}
100% {
	-webkit-transform:translate(0,0);
	opacity:1
}
}@-moz-keyframes bounceInLeft {
	0% {
	opacity:0;
	-moz-transform:translateX(-2000px)
}
60% {
	opacity:1;
	-moz-transform:translateX(30px)
}
80% {
	-moz-transform:translateX(-10px)
}
100% {
	-moz-transform:translateX(0);
	opacity:1
}
}.animation13 {
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both
}
@-webkit-keyframes fadeInRight {
	0% {
	-webkit-transform:translateX(20px)
}
100% {
	-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInRight {
	0% {
	-moz-transform:translateX(20px)
}
100% {
	-moz-transform:translateX(0)
}
}.animation21 {
	-webkit-animation:pulse 1.5s .2s ease both;
	-moz-animation:pulse 1.5s .2s ease both
}
@-webkit-keyframes pulse {
	0% {
	-webkit-transform:scale(1)
}
50% {
	-webkit-transform:scale(1.3)
}
100% {
	-webkit-transform:scale(1)
}
}@-moz-keyframes pulse {
	0% {
	-moz-transform:scale(1)
}
50% {
	-moz-transform:scale(1.3)
}
100% {
	-moz-transform:scale(1)
}
}.animation22 {
	-webkit-animation:rotateIn 1.5s .2s ease both;
	-moz-animation:rotateIn 1.5s .2s ease both
}
@-webkit-keyframes rotateIn {
	0% {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(-200deg);
	opacity:0
}
100% {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(0);
	opacity:1
}
}@-moz-keyframes rotateIn {
	0% {
	-moz-transform-origin:center center;
	-moz-transform:rotate(-200deg);
	opacity:0
}
100% {
	-moz-transform-origin:center center;
	-moz-transform:rotate(0);
	opacity:1
}
}.animation23 {
	-webkit-animation:fadeInLeft2 1s .2s ease both;
	-moz-animation:fadeInLeft2 1s .2s ease both
}
@-webkit-keyframes fadeInLeft2 {
	0% {
	-webkit-transform:translateX(-20px)
}
100% {
	-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInLeft2 {
	0% {
	-moz-transform:translateX(-20px)
}
100% {
	-moz-transform:translateX(0)
}
}.animation31 {
	-webkit-animation:bounceIn 1.5s .2s ease both;
	-moz-animation:bounceIn 1.5s .2s ease both
}
@-webkit-keyframes bounceIn {
	0% {
	opacity:0;
	-webkit-transform:scale(.3)
}
50% {
	opacity:1;
	-webkit-transform:scale(1.05)
}
70% {
	-webkit-transform:scale(.9)
}
100% {
	-webkit-transform:scale(1);
	opacity:1
}
}@-moz-keyframes bounceIn {
	0% {
	opacity:0;
	-moz-transform:scale(.3)
}
50% {
	opacity:1;
	-moz-transform:scale(1.05)
}
70% {
	-moz-transform:scale(.9)
}
100% {
	-moz-transform:scale(1);
	opacity:1
}
}.animation32 {
	-webkit-animation:rotateIn 1s .2s ease both;
	-moz-animation:rotateIn 1s .2s ease both
}
@-webkit-keyframes rotateIn {
	0% {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(-300deg);
	opacity:0
}
100% {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(0);
	opacity:1
}
}@-moz-keyframes rotateIn {
	0% {
	-moz-transform-origin:center center;
	-moz-transform:rotate(-300deg);
	opacity:0
}
100% {
	-moz-transform-origin:center center;
	-moz-transform:rotate(0);
	opacity:1
}
}
.wrapper {
	clear:both
}

.history {
	width:100%;
	height:100%;
    overflow-y:auto;
	position:relative;
}
.start-history {
	width:1000px;
	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-top:43px
}
.next_history {
	color:#bbb;
	font-size:26px;
	width:160px;
	margin:0 auto;
	border-bottom:1px solid #d1d1d1
}
.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;
}
.history_L {
	width:420px;
	height:100px;
	float:right;
	
}
.history_r_2005 {
	margin-top:157px
}
.history_2007 {
	width:420px;
	height:100px;
	background:#FFF;
	margin-top:73px
}
.history_2005_span {
	float:left;
	line-height:30px;
	font-size:24px;
	color:#8654ec;
	padding: 20px 0;
	font-weight: bold;
}
.history_2005_b {
	width:280px;
	height:100px;
	float:left;
	background:url("../images/sprites.png") center;
	background-position:0 -1320px
}
.history_r_month {
	float:left;
	color:#FFF;
	display:block;
	width:80px;
	line-height:100px;
	height:100px;
	border-right:1px solid #FFF;
	margin-left:24px;
	font-weight: normal;
	font-size: 16px;
	
}
.history_r_month img{
	width: 100%;
	height: 100%;
	border-radius: 4px 0 0 4px;
}
.history_r_text {
	float:left;
	font-size:14px;
	color:#FFF;
	display:block;
	height:100px;
	line-height:100px;
	padding-left:5px;
	text-align:left;
	font-weight: normal;
	font-size: 16px;
}
.year2006 {
	margin-top:242px
}
.year2009 {
	margin-top:70px
}
.year2011 {
	margin-top:75px
}
.year211 {
	margin-top:70px
}
.year2013 {
	margin-top:70px
}
.yearalmost {
	margin-top:73px
}
.yearalmostr {
	margin-top:75px
}
.history_2008 {
	width:420px;
	height:100px;
	background:#FFF;
	margin-top:73px;
	float:right
}
.history_2011 {
	width:420px;
	height:100px;
	background:#FFF;
	margin-top:70px;
	float:right;
	padding: 20px;
}
.history_2006_span {
	float:right;
	line-height:30px;
	font-size:24px;
	color:#8654ec;
	padding: 20px 0;
	font-weight: bold;
}
.history_2006_b {
	width:280px;
	height:100px;
	float:right;
	background:url("../images/sprites.png") center;
	background-position:0 -1200px
}
.blue {
	background-position:0 -1440px!important
}
.blue_R {
	background-position:0 -1560px!important
}
.yellow {
	background-position:0 -1680px!important
}
.yellow_R {
	background-position:0 -1800px!important
}
.history_l_month {
	float:right;
	color:#FFF;
	display:block;
	width:80px;
	line-height:58px;
	height:100px;
	border-left:1px solid #FFF;
	margin-right:37px;
	font-weight: normal;
	font-size:16px;
}
.history_l_month img{
	width: 100%;
	height: 100%;
	border-radius: 0 4px 4px 0;
}
span.blue {
	color:#84cc59
}
span.yellow {
	color:#f203fc
}
.history_l_text {
	float:left;
	color:#FFF;
	display:block;
	height:100px;
	line-height:100px;
	width:152px;
	text-align:right;
	padding-right:5px;
	font-weight: normal;
	font-size:16px;
}