﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse; border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal; font-style:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/*--clearfix--*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/*--Hides from IE-mac--*/
* html .clearfix{height:1%;}
.clearfix{display:block;}

body {
	font:14px '微软雅黑',sans-serif;
	color:#333!important
}
a {
	text-decoration:none;
	color:#5a5a5a;
	outline:0;
	blr:expression(this.onFocus=this.blur())
}

h4 {
	font-size:18px;
	color:#797979
}

h5 {
	color:#5a5a5a;
	font-weight:bold;
	line-height:30px;
	font-size:14px
}


.history {
	width:100%;
	position:relative;
	background:url("../images/history_bg.png") center no-repeat;
}
.start-history {
	width:1000px;
	margin:30px auto;
	text-align:center;
	background:url("../images/history_start.png") no-repeat top center;
	display:block;
}
.cc_history {
	color:#2b2b2b;
	font-size:36px;
	padding-top: 40px;
	line-height: 1;
}
.next_history {
	color:#bbb;
	font-size: 24px;
	width: 148px;
	padding-bottom: 3px;
	margin: 10px auto;
	border-bottom:1px solid #d1d1d1;
}

.history_left {
	width: 100%;
	float:left;
	clear:left;
	position:relative;
}

.history_R {
	width:420px;
	display: flex;
	justify-content: space-between;
	position: relative;
	float: right;
}
.history_box > div:last-child .history_R:after{
	content: '';
	position: absolute;
	top: 30px;
	bottom: 0;
	left: -83px;
	width: 6px;
	background-color: #Fff;
	z-index: 1;
}
.history_L {
	width:420px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.history_top {
	margin-top: 182px;
}

.history_r_text {
	flex: 1;
	font-size:12px;
	color:#FFF;
	display:block;
	/* height:58px; */
	line-height: 1.4;
	/* padding-left:5px; */
	text-align:left;
	/* width:180px; */
	padding: 12px 10px;
	background-color: #f00;
}
.history_R_span{
	flex: none;
	margin-right: 40px;
	padding-top: 12px;
	font-size: 40px;
	color:#d43434;
	line-height: 1;
}
.history_R_span:after{
	content: '';
	position: absolute;
	left: -88px;
	top: 26px;
	width: 16px;
	height: 16px;
	background: url("../images/quan.png") no-repeat center;
	background-size: contain;
	z-index: 9;
}

.history_L_span {
	flex: none;
	margin-left: 40px;
	padding-top: 12px;
	font-size: 40px;
	color: #d43434;
	line-height: 1;
}
.history_L_span:after{
	content: '';
	position: absolute;
	right: -88px;
	top: 26px;
	width: 16px;
	height: 16px;
	background: url("../images/quan.png") no-repeat center;
	background-size: contain;
	z-index: 9;
}


.history_l_text {
	flex: 1;
	font-size: 14px;
	color:#FFF;
	min-height: 62px;
	line-height:1.4;
	box-sizing: border-box;
	text-align: justify;
	padding: 12px 10px;
	background-color: #F00;
	border-radius: 4px;
}
.childHTML{
	width: 1040px;
	padding: 20px;
	background-color: #fff;
	margin: 0 auto;
}
.history_box{
	overflow: hidden;
	position: relative;
}

.history_box:after{
	content: '';
	position: absolute;
	top: 208px;
	left: calc(50% - 1px);
	width: 2px;
	bottom: 0;
	background-color: #E59D21;
}
