@media(max-width: 1980px){


.content {padding: 0px 0;min-height: 720px;background: #fff;width: 100%;}
.content .wrapper {position: relative;width: 100%;	margin: 0 auto;}
.content .light {position: absolute;left: 55px;top: -50px;width: 152px;height: 191px;background: url("../img/light-top.png") no-repeat top center;}
.content .light i {position: absolute;width: 100%;height: 100%;top: 0;background: url("../img/light.png") no-repeat top center;}
.content .line-left {position: absolute;left: 0;top: 15px;}
.content .line-right {position: absolute;right: 0;top: 15px;}
.content .main {background: url("../img/line-bg.png") repeat-y 249px 0;}
.content .main .title {position: absolute;line-height: 40px;padding-left: 67px;left: 230px;top: 0; font-weight:normal;color: #005b94;font-size: 20px;background: url("../img/clock.png") no-repeat left top;}
.content .main .year {position: relative;z-index: 100;}
.content .main .year h2 {height: 40px;width: 120px; font-weight:normal;	padding-right: 30px;font-size: 20px;line-height: 40px;text-align: right;}
.content .main .year h2 a {color: #005b94;}
.content .main .year h2 i {display:block;position:relative;height:0;width:0;left:140px;top:-20px;border-width:6px;
	border-style:solid;	border-color:#005b94 transparent transparent transparent;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 -ms-transition:.5s;
 -o-transition:.5s;
 transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.content .main .year .list {
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s
}
.content .main .year .list ul {bottom: 0;}
.content .main .year .list ul li {background: url("../img/circle.png") no-repeat 234px -3px;padding: 0px 0;	color: #a1a4b8;}
.content .main .year .list ul li.highlight {}
.cls {zoom: 1;}
.cls:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {color: #ec6a13;}
.content .main .year .list ul li .date, .content .main .year .list ul li .version {float:left;display:block;clear:left;width:180px;line-height:24px;text-align:right}
.content .main .year .list ul li .date {font-size:16px;line-height:22px;color:#ec6a13}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more {float: left;display: block;width: 640px;margin-left: 80px;line-height: 24px;}
.content .main .year .list ul li .intro {font-size: 16px;line-height: 22px;	color: #444;}
.content .wrapper:first-child .main .year.close h2 i {
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.content .wrapper:first-child .main .year.close .list {opacity:0;height:0!important;}
.ie7 .content .main .year h2 i {left:20px}
}


@media(max-width: 415px){


.content {padding: 0px 0;min-height: 720px;background: #fff;width: 100%;}
.content .wrapper {position: relative;width: 100%;	margin: 0 auto;}
.content .light {position: absolute;left: 55px;top: -50px;width: 152px;height: 191px;background: url("../img/light-top.png") no-repeat top center;}
.content .light i {position: absolute;width: 100%;height: 100%;top: 0;background: url("../img/light.png") no-repeat top center;}
.content .line-left {position: absolute;left: 0;top: 15px;}
.content .line-right {position: absolute;right: 0;top: 15px;}
.content .main {background:none;}



.content .main .year .list ul li {background: none;padding: 0px 0;	color: #a1a4b8;}

.content .main .title {position: absolute;line-height: 20px;padding-left: 0px;left:25%;top: 7px; font-weight:normal;color: #005b94;font-size: 20px;}
.content .main .year {position: relative;z-index: 100;}
.content .main .year h2 {height: 40px;width: 20%; font-weight:normal;	padding-right:10px;font-size:1em;line-height: 40px;text-align:left;}
.content .main .year h2 a {color: #005b94;}
.content .main .year h2 i {display:block;position:relative;height:0;width:0;left:110%;top:-23px;border-width:6px;
	border-style:solid;	border-color:#005b94 transparent transparent transparent;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 -ms-transition:.5s;
 -o-transition:.5s;
 transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.content .main .year .list {
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
	transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s
}
.content .main .year .list ul {bottom: 0;}
.content .main .year .list ul li {padding: 0px 0;	color: #a1a4b8;}
.content .main .year .list ul li.highlight {}
.cls {zoom: 1;}
.cls:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {color: #ec6a13;}
.content .main .year .list ul li .date, .content .main .year .list ul li .version {float:left;display:block;clear:left;width:12%;line-height:16px;text-align:right}
.content .main .year .list ul li .date {font-size:16px;line-height:22px;color:#ec6a13}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more {float: left;display: block;width: 100%;margin-left: 0px;line-height: 24px;}
.content .main .year .list ul li .intro {font-size: 16px;line-height: 22px;	color: #444;}
.content .wrapper:first-child .main .year.close h2 i {
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.content .wrapper:first-child .main .year.close .list {opacity:0;height:0!important;}
.ie7 .content .main .year h2 i {left:20px}

.content .main .title {background: none;}



}