#clearRight{ clear:right;}
.sub_title{ margin-bottom:50px;}
.sub_title span{ width:176px; display:block; height:50px; line-height:50px; font-size:25px; color:#000; margin:0 auto; text-align:center; background:url(/en/images/titBg.png);}

.ruins {padding:50px 0px; }
.ruins .content{ margin-top:50px;}
.ruins .content{ background:#fff; padding:50px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
border:1px solid #eee;
}

.history{ width:850px; margin:0 auto; padding-bottom:100px;}
.history .pic{width:140px; height:140px; margin:0 auto; border:10px solid #FFF7E2; border-radius:100%; }
.history .pic:hover{ border:10px solid #CFA448;}
.history .pic img{ width:140px; height:140px; border-radius:100%;}


.history table{ width:100%; height:100%;}
.history table th{ width:60px; height:100%;}
.history .line{ width:1px; height:100%; background:#fff;margin:0 auto; border:2px solid #CFA448;}
.history .line div{ width:1px;height:100%; border-left:1px dashed #CFA448}
.history .point em{ width:10px; height:10px; background:#fff; border:3px solid #CFA448; display:block; margin:0 auto; border-radius:100%; }

.history table td{width:395px;}
.history .box{ width:300px; position:relative; top:50px;}

.history .tit{ font-size:20px; color:#CFA448; width:130px; text-align:left;}
.history .txt{ margin-left:15px; margin-right:15px;}
.history .solid{ border-bottom:1px solid #CFA448; height:1px;}
.history .solid em{ border:2px solid #CFA448; background:#fff; height:5px; width:5px; display:block; border-radius:100%; position:relative; top:-3px;}
.history .info{ background:#CFA448; width:330px; margin-top:20px;}
.history .box_info{ padding:30px; text-align:left; color:#fff;}
.history span{ width:460px; height:160px; position:relative; display:block;}
.history .fa{ width:15px; height:15px; line-height:15px; margin-left:20px; text-align:center; background:#CFA448; color:#fff; border-radius:100%; font-weight:400; font-size:12px; position:relative; top:-4px;}

.history .box_l{ text-align:left;}
.history .box_l .box{ float:left; }
.history .box_r{ text-align:right;}
.history .box_r .box{ float:right; }

.history .box_l .arrow{ padding-right:6px;}

.history .box_r span{ left:-160px;}
.history .box_r .arrow{ padding-left:4px;}
.history .box_r .info{ float:right;}