	*{
		padding:0;
		margin:0;
		list-style:none;
		border:none;
	}
	a{
		color:#333;
		text-decoration:none;
	}
	input{
		background: none;
	}
	body{
		background: #F5F5F5;
	}
	.cls {
		zoom: 1
	}

	.cls:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}

	.link:hover {
		text-decoration: underline
	}
	.clear{
		clear: both;
	}
	#content{
		width: 1200px;
		margin: 0 auto;
		background: #fff;
	}
	
	.content .wrapper {
		position: relative;
		margin-top: 80px;
	}

	.content .main {
		background: url(../images/line-bg.png) repeat-y 249px 0
	}

	.content .main .title {
		position: absolute;
		line-height: 30px;
		padding-left: 67px;
		left: 236px;
		top: -30px;
		color: #58a6fb;
		font-size: 24px;
		background: url(../images/clock.png) no-repeat left top
	}

	.content .main .year {
		position: relative;
		z-index: 100
	}

	.content .main .year h2 {
		height: 40px;
		width: 380px;
		padding-right: 30px;
		font-size: 24px;
		line-height: 40px;
		text-align: right;
		float: left;
	}
	.content .main .year h4 {
		height: 14px;
		width: 380px;
		padding-right: 30px;
		font-size: 24px;
		line-height: 40px;
		text-align: right;
		float: left;
	}
	.content .main .year h2 a {
		color: #58a6fb
	}

	.content .main .year h2 i {
		display: block;
		position: relative;
		height: 0;
		width: 0;
		left: 270px;
		top: -20px;
		border-width: 6px;
		border-style: solid;
		border-color: #59a7fb 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 {
		clear: both;
		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 .top li {
		background: url(../images/circle.png) no-repeat 240px 35px;
		padding: 30px 0;
		color: #a1a4b8
	}

	.content .main .year .list ul li .date{
		float: left;
		display: block;
		clear: left;
		width: 200px;
		line-height: 24px;
		text-align: right
	}

	.content .main .year .list ul li .date {
		font-size: 18px;
		line-height: 32px;
		color: #63A8E5;
	}
	.content .main .year .list ul li p.intro {
		font-size: 18px;
		line-height: 32px;
		color: #63d029;
		float: left;
		display: block;
		width: 600px;
		margin-left: 100px;
		line-height: 24px
	}

	.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: 40px
	}

	.ie6 .content .wrapper {
		background-image: url(http://p2.qhimg.com/d/inn/05a63fc5/release-bg-8.png)
	}

	.ie6 .content .light {
		display: none
	}

	.ie6 .content .line-left {
		width: 100px
	}

	.ie6 .content .main .year h2 {
		padding-right: 0;
		width: 200px
	}

	.ie6 .content .main .year h2 a {
		cursor: default
	}

	.ie6 .content .main .year h2 i {
		display: none
	}*/
	/*////////////////////////////////////*/
	.content .main .year .month .clss h3 {
		height: 30px;
		width: 200px;
		padding-right: 30px;
		font-size: 20px;
		line-height: 32px;
		text-align: right;
		float: left;
	}
	.content .main .year .month h3 a {
		color: #58a6fb
	}
	.content .main .year .month h3 i {
		display: block;
		position: relative;
		height: 0;
		width: 0;
		left: 210px;
		top: -20px;
		border-width: 6px;
		border-style: solid;
		border-color: #59a7fb 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 .month {
		clear: both;
		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 .month .aaa .clss {
		background: url(../images/circle.png) no-repeat 240px 15px;
		padding: 10px 0;
		color: #a1a4b8
	}

	.content .main .year .month .listhide li.cls{
		background: url(../images/circle1.png) no-repeat 246px 21px;
		padding: 10px 0;
		color: #a1a4b8
	}
	.content .main .year .month ul li .date{
		float: left;
		display: block;
		clear: left;
		width: 220px;
		line-height: 24px;
		text-align: right
	}

	.content .main .year .month ul li h4.date {
		font-size: 14px;
		line-height: 32px;
		color: #63A8E5;
	}

	.content .main .year .month ul li div.intro{
		float: left;
		display: block;
		width: 600px;
		margin-left: 50px;
		line-height: 24px;
		font-size: 18px;
		line-height: 32px;
		color: #63d029;
	}

	.content .wrapper:first-child .main .year .clss.close h3 i {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg)
	}

	.content .main .year .month h4 i {
		display: block;
		position: relative;
		height: 0;
		width: 0;
		left: 225px;
		top: -20px;
		border-width: 6px;
		border-style: solid;
		border-color: #59a7fb 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 .wrapper:first-child .main .year .cls.close h4 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 .month {
		opacity: 0;
		height: 0!important
	}
	.content .wrapper:first-child .main .year .clss.close .list {
		opacity: 0;
		height: 0!important
	}
	.content .wrapper:first-child .main .listhide .cls.close .intro{
		opacity: 0;
		height: 0!important
	}
	.content .main .year .month .list .intro ul li{
		font-size: 16px;
		background: whitesmoke;
    	margin: 2px 0;
	}

	.journal{
	    height: 40px;
	    background: #4b86d1;
	    line-height: 40px;
	    font-size: 16px;
	    padding-left: 20px;
	    margin-bottom: 5px; 
	    color: #fff;
	}
	.content{
		padding-top: 30px;
	}
	.title-img{
		padding-right: 20px;
		padding-left: 40px;
	}
	.header-help a img{
		margin-bottom: -1px;
		margin-right: 5px;
	}
	.title-time{
		color: #000;
	}
	.title-text{
		
		width: 89%;	
		/*overflow: hidden;
		padding-left: 30px;
		text-overflow:ellipsis;
		white-space: nowrap;*/
	}
	.title-text a{
		color: #717EC8;
	}
	ul li{
		float: left;
	}
	ul{
		clear: both;
	}
	.showmore{
	    display: inline-block;
	    text-align: center;
	    line-height: 40px;
	    width: 385px;
	    margin-top:20px;
	    float: left;
	    background:#4b86d1;
	    margin-left: 400px;
	    margin-bottom: 40px;
	    color: #fff;
	    cursor:pointer;
	}
	#gotoTop{
		display:none;
		position:fixed;
		top:75%;
		left:50%;
		cursor:pointer;
		margin-top:-50px;
		margin-left:520px;
		padding:9px 4px;
		width:20px;
		text-align:center;
		border:1px solid #e0e0e0;
		background:#fff;
	}

	#gotoTop{_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
	#gotoTop.hover{
		background:#5CB542;
		color:#fff;
		text-decoration:none;
	}
	.buttom{
		text-align:center;
		margin-top:30px;
		margin-bottom:60px;
		background: #f5f5f5;
		padding-top: 30px;
	}
	.buttom-a{
		font-size:18px;
		font-weight:600;
		color:#0463b7;
		padding-bottom:10px;
	}
	.buttom-b{
		margin-left:20px;
		line-height:30px;
		text-align:center;
		background:#1072bd;
		color:#fff;
		padding:8px 15px;
		cursor:pointer;
	}
	.buttom span a:hover{
		color: #f00;
	}
	#textareaName{
		width: 300px;
		height: 120px;
		resize: none;
		border:1px solid #666
	}
	.am-form{
		text-align: center;
		margin-top: 20px;
	}
	#feedbackSubmit{
		width: 60px;
		height: 30px;
		cursor:pointer;
		color: #fff;
		background: #1072BD;
		margin-top: 10px;
		line-height: 30px;
		border:none;
	}
.am-form .xiazai{
	margin-bottom: 50px;
	height: auto;
	overflow: hidden;
}

.am-form .xiazai .item{
	width: 40%;
/*	float: left;*/
	display: inline-block;
}

.am-form .xiazai .item a{
	padding: 10px 15px;margin:0 10px;background-color: #1368bf;border-radius: 4px;color: #ffffff;
	display: block;
}

.am-form .xiazai .item span{
	color:orangered;
	padding:0 3px;
	font-size: 13px;
}
.am-formtishi{
	padding: 0 20px;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
}
/* 定义keyframe动画，命名为blink */
@keyframes blink{
  0%{opacity: 1;}
     
  100%{opacity: 0;} 
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; } 
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
/* 定义blink类*/
.blink{
    text-align: center;
    color: #ff0000;
    margin-bottom: 20px;
    font-weight: bold;
    animation: blink 1s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}