@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{_background-image:url(about:blank);/*用浏览器空白页面作为背景*/_background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/ } 
body{color:#535353;font-size:12px;font-family: "arial","微软雅黑";background:#fafafa;}
.clear{clear:both;display:block;height:0;overflow:hidden;}

/* history */
#history{width:100%;height:450px;position:relative;margin:20px auto 0 auto;}
.title{height:95px;line-height:95px;text-indent:280px;}
.title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
#circle{
	width:95px;height:95px;position:absolute;top:2px;left:165px;
/*border:6px solid rgba(0,0,0,0.15);
border-radius:95px;*/
text-indent:0;
text-align:center;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear; background:url(../images/yearbg.png) no-repeat
}
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
#circle:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	border-color:rgba(0,0,0,0);
}
.clock{display:block;}
#circle:hover {}
#circle:hover .clock{display:block;}
#circle:hover .circlecontent{display:none;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
	background:url(../images/yearbg2.png) no-repeat 0 0;width:95px;height:95px;position:absolute;top:0;left:0;display:none;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	border-radius:0; 
}
#circle:hover .clock{}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:26px;margin-left:10px;}
.timeblock span{display:block;height:24px;width:18px;background:url(../images/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px -0px;}
.timeblock .numt{background-position:0px -0px;}
.timeblock .numfo{background-position:0px -0px;}
#content{height:355px;width:950px;overflow:hidden;background:url(../images/vertical.png) no-repeat 210px 2px;padding-top:10px;}
.list{overflow:hidden;position:relative;}
.list li{height:110px;vertical-align:bottom;overflow:hidden;position:relative;}
.liwrap{height:55px;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;height:55px;width:180px;line-height:55px;text-align:right;}
.liright{position:absolute;top:0;right:0px;height:55px;width:690px;}
.histt{height:35px;line-height:35px;}
.hisct{font-size:14px;color:#6e6e6e; width:590px;}
.md{font-size:18px;color:#AEAEAE;}
.year{font-size:12px;color:#AEAEAE;margin-right:10px;}
.point{width:55px;height:55px;position:absolute;top:0;left:185px;background:url(../images/point.png) no-repeat 0px 18px;overflow:hidden;}
.point b{
	height:20px;width:20px;background:#fff;display:block;margin:17px 0 0 19px;
/*border-radius:18px;border:2px solid rgba(230,59,87,0.6);*/
background:url(../images/yearbg1_2.jpg) no-repeat;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
	position:absolute;
	top:0;left:0;
}
.thiscur .point b{/*border:7px solid rgba(230,59,87,0.6);*/margin:12px 0px 0px 14px;/*border-radius:52px;*/ background:url(../images/yearbg1.jpg) no-repeat; height:30px;width:30px;}
.thiscur .histt a{color:#2982bc;}
.histt p{
	font-size:20px;color:#747474;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.histt p:hover{ color:#2982bc;}
#arrow{position:absolute;top:50%;right:30px; z-index:99999; display:none}
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}

#arrow ul li{
	display:block;height:20px;width:20px;background:url(../images/icons.png) no-repeat 0 0;cursor:pointer;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#arrow ul li:active{background-color:#000;}
#arrow ul .arrow_active{
	background-color:#000;
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	transition:all 0.1s ease-in;
}
#arrow ul .arrowup{background-position:0px -26px;margin-bottom:10px;}
#arrow ul .arrowdown{background-position:0px 0px;}


/*  */
.imgbox{
	width: 30%;
	margin-top: 55px;

}
.imgbox img{
	width: 100%;
}
.sxbox{
	display: none;
}
@media screen and (max-width: 700px) {



	.histt p {
		font-size: 18px;
		font-weight: bold;
        color: #747474;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .hisct {
        font-size: 12px;
        color: #6e6e6e;
        width: 590px;
	}
	.sxbox{
		display: block;
		width: 50px;
		/* height: 80px; */
		/* background: red; */
		position: absolute;
		left: 85%;
		overflow: hidden;
		top: 6%;
	}
	.sxbox div{
		font-size: 30px;
		line-height: 30px;
		color: white;
		background-color: #2982bc;
		margin-top: 10px;
		float: right;
	}

}