@charset "utf-8";
/* 全局样式
================================= */
body {
	margin: 0;
	padding: 0;
	font-family: 'Calibri', 'Times', 'Microsoft Yahei', 'SimSun';
	font-size: 11pt;
	background-color: #eee;
}
a {
	text-decoration: none;
}

/* 头部信息
-----------------------------------*/
.header {
	width: 100%;
	height: 200px;
	background-color: #3498DB;
}
.header-content {
	width: 830px;
	height: 300px;
	margin: 0 auto;
	color: #002953;
}
.header-content a {
	color: #002953;
}
.header-content a:hover {
	color: #0366D5;
}
.touxiang {
	width: 160px;
	height: 160px;
	position: relative;
	top: 25px;
	display: block;
	float: left;
	margin-left: 30px;
	z-index: 999;
}
.touxiang img {
	border-radius: 50%;
	width: 160px;
	height: 160px;
}
.contact {
	width: 250px;
	height: 160px;
	position: relative;
	top: 20px;
	display: block;
	float: left;
	margin-left: 50px;
}
.name {
	font-family: 'SimHei';
	font-size: 32px !important;
	margin-top: 10px;
	font-weight:bolder;
}
.contact ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact ul li{
	font-size: 16px;
	line-height: 40px;
}
.contact ul li embed{
	width: 14px;
	height: 14px;
}
.brief-info{
	width: 260px;
	height: 160px;
	position: relative;
	top: 25px;
	display: block;
	float: left;
	margin-left: 50px;
	margin-right: 30px;
}
.brief-info ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 0px;
}
.brief-info ul li{
	font-size: 16px;
	line-height: 26px;
}
.brief-info ul li span{
	font-family: 'SimHei';
	font-weight: bold;
}

/* 中间内容部分
---------------------------------------*/
.content {
	width: 830px;
	min-height: 400px;
	height: auto;
	margin: 0 auto;
	background-color: #FFF;
	/*
	border: solid 1px #000;
	*/
}
.content a {
	color: #333;
}
.content a:hover {
	color: #0366D5;
}

/* 时间轴
-------------------------------------------*/
#timeline{
    margin: 0 0 0 21%;
    border-left: 3px solid #bce1fa;
	padding: 0;
}
#timeline li {
	position: relative;
    list-style: none;
    display: block;
    width: 100%;
	clear: both;
}
#timeline .biaoti{
	height: 46px;
}
#timeline .biaoti embed{
	display: block;
	float:left;
	position: relative;
	z-index:999;
	top:-15px;
	left:-15px;
	width:26px;
	height: 26px;
	fill: #00F;
}
#timeline li h1{
    margin: 0;
	padding: 0;
	font-size: 26px;
	font-family: 'SimHei';
	font-weight: bolder;
	color: #3498DB;
	position: relative;
    left: -22%;
	top: 13px;
}
#timeline .separate-line-box {
	width: 94%;
	height: 46px;
	position: relative;
	top: -25px;
	background-image: url(img/hr.png);
	/*
	border: solid 1px #FF0;
	*/
}
#timeline .separate-line-box::before {
	content: '';
    display: block;
    width: 40px;
    height: 40px;
    border: 3px solid #bce1fa;
    border-radius: 50%;
    background: #3498DB;
	position: relative;
	left: -25px;
}
/*
#timeline li li::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #bce1fa;
    border-radius: 50%;
    background: #3498DB;
    position: absolute;
	top: 1px;
    left: -51px;
    box-sizing: border-box;
}
*/
#timeline li .timeline-content::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #bce1fa;
    border-radius: 50%;
    background: #3498DB;
    position: absolute;
	top: 2px;
    left: -41px;
    /*box-sizing: border-box;*/
}

#timeline li li time{
	margin: 0;
	padding: 0;
    position: absolute;
    left: -30%;
    width: 20%;
    font-size: 16px;
    color: #333;
    text-align: right;
	line-height:24px;
}
.timeline-content{
    position: relative;
    margin: 0;
	padding: 0;
	left:-10px;
	width: 95%;
    /*background: #57b4f6;
    color: #fff;
    border-radius: 4px;
    padding: 30px;
	*/
}
.timeline-content h2{
    font-size: 20px;
	
	/*
    margin-bottom: 20px;
	*/
}
.timeline-content p{
	margin: 0 0 12px 0;
	padding: 0;
	color: #333;
	line-height:24px;
}
.timeline-content .last-paragragh{
	margin:0;
	padding:0;
}
/*
.timeline-content::after{
    content:'';
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #57b4f6 transparent transparent;
    position: absolute;
    left: -20px;
    top: 12px;
}
*/

/* Footer
--------------------------------------------*/
.footer {
	height: 80px;
	width: 830px;
    margin: 0 auto;
	background-color: #3498DB;
}

.footer .info {
	width:830px;
	margin: 0 auto;
	padding:0;
}
.footer .info p {
	color: #002953;
	font-size: 10.5pt;
	text-align: center;
	line-height: 22px;
	margin: 0;
	padding: 7px 0 0 0;
}
.footer a {
	color: #002953;
}
.footer a:hover {
	color: #0366D5;
}