
.ss-container{
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
	overflow: hidden;
	margin-top:40px;
	padding-bottom: 10px;
}
.ss-container h2{
    font-size: 40px;
    text-transform: uppercase;
    color: rgba(78,84,123,0.2);
	text-shadow: 0px 1px 1px #fff;
	padding: 20px 0px;
}
.ss-container:before{
    position: absolute;
    width: 2px;
    background: rgba(176,171,144,0.8);
    top: 0px;
    left: 50%;
    content: '';
    height: 100%;
}
.ss-row{
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding:0 0 50px;
}
.ss-left, .ss-right{
    float: left;
    width: 48%;
    position: relative;
}
.ss-right{
    padding-left: 2%;
}
.ss-left{
    text-align: right;
    float: left;
    padding-right: 2%;
}
.ss-circle{
    overflow: hidden;
    display: block;
    text-indent: -9000px;
    text-align: left;
}
.ss-circle-deco:before{
	width: 29%;
	height: 0px;
	border-bottom: 5px dotted #ddd;
	border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
	-webkit-box-shadow: 0px 1px 1px #fff;
	-moz-box-shadow: 0px 1px 1px #fff;
	box-shadow: 0px 1px 1px #fff;
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -3px;
}
.ss-circle-deco:after{
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.ss-left .ss-circle-deco:before{
    right: 2%;   
}
.ss-right .ss-circle-deco:before{
    left: 2%;   
}
.ss-left .ss-circle-deco:after{
	right: 0;
	border-right: 10px solid rgba(17,17,22,0.8);
}
.ss-right .ss-circle-deco:after{
	left: 0;
	border-left: 10px solid rgba(17,17,22,0.8);
}
.ss-left .ss-circle{
    float: right;
    margin-right: 30%;
}
.ss-right .ss-circle{
    float: left;
    margin-left: 30%;
}
.ss-container h3{
	padding: 15px 15px;
	font-size:14px; font-weight:normal;
	background:#fff;
}

.ss-container h3 span{
    color:#444;
    font-size: 14px;
    display: block;
    padding-bottom: 5px;
}
.ss-container h3 a{
    font-size:14px;
    color:#444;
    display: block;
}
.ss-container h3 a:hover{
	color: rgba(255,255,255,1);
}
.tent{ text-align:center; width:80px; margin:0 auto;}

/* history */
.title{height:80px;line-height:70px;}
.title2{height:120px;line-height:120px;}
.title1{ width:160px;line-height:80px; }
.title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
#circle2{
	width:120px;height:120px; font-size:18px; margin-left:-24px;border:6px solid rgba(0,0,0,0.15);border-radius:120px;text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	background:#fff5c0;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#circle2 .cmsk{height:120px;}
#circle2: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);
}
#circle2:hover {border-color:rgba(255,255,255,0.6);background-color:#af0800; color:#fff;}

#circle1{
	width:70px;height:70px; font-size:18px;position:absolute;top:0;left:450px;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	background:#fff5c0;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#circle1 .cmsk{height:70px;position:absolute;width:70px;top:0;left:0;}
#circle1: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);
}
#circle1:hover {border-color:rgba(255,255,255,0.6);background-color:#af0800; color:#fff;}

#circle{
	width:70px;height:70px; font-size:18px;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	background:#fff5c0;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#circle .cmsk{height:70px;}
#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);
}
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#af0800; color:#fff;}

#content{height:2405px;width:980px;padding-top:10px;}
.list{overflow:hidden;position:relative;}
.list li{min-height:110px;vertical-align:bottom;position:relative; margin-bottom:20px;}
.list li.ty{ height:250px;}
.list li.ty1{ height:330px;}
.liwrap{ width:440px;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;}
.lft{left:20px;}
.lileft1{height:55px;width:460px;line-height:55px;text-align:right;}
.date1{line-height:50px;}
.liright{position:absolute;top:0; left:54%;}
.liright1{width:400px; padding:15px 20px; background:#fcfcfc}
.hisct{font-size:13px;color:#6e6e6e; text-align:right; border-top:solid 1px #b8b8ba; margin-top:10px;}
.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:50%; margin-left:-28px;overflow:hidden;}
.point1{width:55px;height:55px;position:absolute;top:0;overflow:hidden;}
.point b{
	height:16px;width:16px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #c09d1c;
	-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;
}
.ss-row .point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}
.ss-row .histt a{color:#c09d1c;}
.histt .left{ float:left; width:180px;}
.histt a{
	font-size:14px;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;
}
#arrow{position:fixed;top:50%;left:30px; z-index:1002;}
*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;}

.ty_2{ width:190px; float:right;}
.dsj_zb{ margin-top: 0px;text-align: left; }

.dsj_zb { width:535px; padding:10px; background-color:#fff; margin-top:50px; border:1px solid #d3d3d3}

.dsj_yy {  height:363px; width:540px;}
.dsj_tu li { float:left; margin-right:2px;}
.dsj_bt { font-weight:bold; font-size:14px; margin-top:5px}
.dsj_js { font-size:14px; margin-top:2px; line-height:22px;}
.dsj_ny { font-size:21px; font-family:Arial, Helvetica, sans-serif; padding:35px 0 0 475px; color:#fc700e; font-weight:bold}
.dsj_time { font-size:15px; padding:155px 0 0 59px; color:#8c8c8c}
.dsj_time2 { font-size:15px; padding:155px 0 0 355px; color:#8c8c8c}
.dsj_rr { padding:0 15px 0 15px; font-size:16px}
.dsj_zj { padding-top:40px; }
.dsj_time2 .dsj_rr{ padding-right: 5px; }
.dsj_tu li img {
	height: 120px;
}
