@charset "utf-8";

body{_background-image:url(about:blank);/*用浏览器空白页面作为背景*/_background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/ } 
.clear{clear:both;display:block;height:0;overflow:hidden;}

/* history */
#history{height: 390px; overflow:hidden; position:relative;margin:120px auto;width:1369px;max-width: 1369px;}
.title{height:95px;line-height:95px;text-indent:280px;}
.title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
#circle{
	width:83px;height:83px;position:absolute;top:0;left:190px;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;
}
#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 {border-color:rgba(255,255,255,0.6);background-color:#2064AD;}
#circle:hover .clock{display:block;}
#circle:hover .circlecontent{display:none;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
	background:url(../images/clock.png) no-repeat 0 0;width:83px;height:83px;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{border-radius:83px;}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
.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 -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{height:305px;overflow:hidden;/* background:url(../images/vertical.png) no-repeat 434px 2px; */padding-top:10px;width: calc(100%);float: left; overflow:hidden;}

#history_img {
    width: 500px;
    height:380px;
    float: left;
	position:absolute;
	border-radius:16px;
}
.p_ListlineA {
    position: absolute;
    top: 0;
    left: 576px;
    height: 100%;
    width: 0;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: rgba(220,220,220,0.8);
    z-index: 0;
}
.list{overflow:hidden;position:relative;background: none;margin-top:20px;}
.list li{height:95px;vertical-align:bottom;position:relative; overflow:hidden;z-index: 999;}
.list li listdiv{height:95px;vertical-align:bottom; overflow:hidden; position:relative;z-index: 999;}
.liwrap{height:55px;margin-top:328px; background-color:#ff0000}
.lileft{position:absolute;top:0;left:0px;height:55px;width: 640px;line-height:55px; text-align:right; }
.imgleft{ z-index:999999999999}
.liright{position:absolute;top:0;right:0px;height:55px;  width:700px;}
.histt{height:60px;line-height:30px; padding-top:10px;}
.hisct{font-size:14px;color:#6e6e6e; display:none;}
.md{font-size:18px;color:#AEAEAE;}
.year{font-size: 18px;color:#B32738;margin-right:10px;}
.point{width:55px;height:75px;position:absolute;top:3px;left: 603px;/* background:url(../images/point.png) no-repeat 0px 18px; */overflow:hidden;}
.point b{
	height:16px;
	width:16px;
	background:#fff;
	display:block;
	margin: 30px 0 0 17px;
	border-radius:18px;
	border:2px solid #B32738;
	-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(179,39,56,0.6);margin: 30px 0 0 17px;border-radius:52px;}
.thiscur .histt a{color:#B32738; line-height:30px;}
.histt a{
	font-size:18px;
	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;
	pointer-events: none;
}
#arrow{position:fixed;top:50%;right: 10px;opacity: 0;}
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}

#arrow ul li{
	display:block;
	height: 60px;
	width: 60px;
	background: url(/images/icons.png?t=1) 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 0px;margin-bottom:10px;}
#arrow ul .arrowdown{background-position: 0px 0px;}




@media (max-width:1200px){
#history{width: 92%;height: auto;max-width: 100%;overflow: hidden; margin:0px auto;}
#history_img{margin: 6px auto 22px;float:none;max-width: 260px; display:none;}
#content{width: calc(100% - 0px);width: 640px;overflow: hidden;}
.p_ListlineA{
    left: 36px;
}
.lileft{
    left: 52px !important;
    margin-top: 0px;
}
.point{
    left: -10px;
    top: 2px;
}
.liright{
    top: 40px;
    width: 60%;
    left: 50px;
}
.year{float: left;font-size: 16px;margin: 0;}
.liwrap {margin-top: 0px;height: auto;width: 100%;}
.list{ height:auto;overflow:auto;position:relative;background: none;}
.list li{
    height: 108px;
    width: 80%;
}
.histt a{
    font-size: 14px;
    line-height:22px;
}
.histt {
    height: auto;
    line-height:22px;
    padding: 4px 0;
}
#arrow{
    opacity: 1;
    width: 60px;
    /* background: #f00; */
    z-index: 9999;
    margin-top: 20px;
    opacity: 0.5;
    display: none;
}
    .list_wap { width:90%; height:auto; margin:50px auto; overflow:hidden}
    .list_wap li{ margin-bottom:20px; width:100%; float:left}
    .list_wap_img { float:left;width:35%; text-align:center;overflow:hidden}
    .list_wap_img img {width:100%; border-radius:16px;}
    .list_wap_wz {float:right; width:62%; overflow:hidden; margin-top:10px; text-align:left}
    .list_wap_wz a { float:left; padding-left:20px}
.point2 b{
	height:12px;
	width:12px;
	background:#fff;
	display:block;
    float:left;
	margin: 3px 10px 0 17px;
	border-radius:18px;
	border:2px solid #B32738;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
}




/*.show{display:block !important;}
.hide{display:none !important;}*/