/* about */
.about-text{
	color: #333333;
	padding: 40px 60px 0 60px;
}
.about-text h2{
	font-size: 60px;
	color: #e0e0e0;
}
.about-text h3{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
}
.about-text p{
	font-size: 12px;
	text-transform:uppercase;
}
.about-detail{
	font-size: 16px;
	line-height: 2;
	padding: 30px 60px;
}
.about-detail p{
	margin-bottom: 30px;
}
.about-detail img{
	max-width: 100%;
}
/* history */
.history {
	background:url(../images/line.png) repeat-y 192px 0;
	position:relative;
}
.history-date {
	position:relative;
}
.history-date h2 {
	height:59px;
	font-size:25px;
	font-family:微软雅黑;
	font-weight:normal;
	padding-left:45px;
	margin-bottom:74px;
}
.history-date h2.first {
	position:absolute;
	left:0;
	top:0;
	width:935px;
	z-index:99;
}
.history-date h2 a {
	color:#00bbff;
	display:inline-block;
*display:inline;
	zoom:1;
	padding-right:17px;
	margin:21px 97px 0 0;
}
.history-date h2 a:hover {
	text-decoration:none;
}
.history-date h2 img {
	vertical-align:-5px;
}
.history-date h2.date02 {
	background:none;
}
.history-date ul li {
	background:url(../images/iocn-circle.png) no-repeat 180px 0;
	padding-bottom:40px;
	zoom:1;
	position: relative;
}
.history-date ul li.last {
	padding-bottom:0;
}
.history-date ul li:after {
	content:" ";
	display:block;
	border-bottom: 1px dotted #ddd;
	left: 250px;
	position: relative;
	clear:both;
}
.history-date ul li h3 {
	float:left;
	width:168px;
	text-align:right;
	padding-right:19px;
	color:#c3c3c3;
	/* font:normal 18px/16px Arial; */
	line-height: 1;
}
.history-date ul li h3 span {
	display:block;
	color:#d0d0d0;
	font-size:12px;
}
.history-date ul li dl {
	width: auto;
	width: 100%;
	box-sizing: border-box;
	padding-left: 250px;
	position: relative;
}
.history-date ul li dl::after{
	content: "";
	position: absolute;
	left: 220px;
	bottom: 0;
	height: 1px;
	background-color: #ddd;
	
}
.history-date ul li dl dt {
	font:20px/22px 微软雅黑;
	color:#737373;
}
.history-date ul li dl dt span {
	display:block;
	color:#787878;
	font-size:12px;
}
.history-date ul li.green h3 {
	color:#003393;
	font-size: 36px;
}
/* .history-date ul li.green h3 span {
	color:#a8dda3;
} */
.history-date ul li.green dl {
	position: relative;
}
.history-date ul li.green dl dt {
	font-size:18px;
	line-height:2;
	position: relative;
	top: -6px;
}
.history-date ul li.green dl dt a {
	display:inline-block;
*display:inline;
	zoom:1;
	overflow:hidden;
	vertical-align:middle;
	margin-left:12px;
}
.history-date ul li.green dl dd {
	padding-top:20px;
	display:none;
}
.history-date ul li.green dl dd img {
	float:left;
}
.history-date ul li.green dl dd p {
	overflow:hidden;
	zoom:1;
	line-height:21px;
	color:#787878;
}
.history-date h2.first .more-history {
	font-size:16px;
	background:transparent;
	margin-left:30px;
}
.history-date h2.first .more-history:hover {
	text-decoration:underline;
}
*body .history-date ul li dl dt {
	_font-size:12px!important;
	_font-weight:bold;
}
*body .history-date ul li dl dt span {
	_font-weight:normal!important;
}
*body .history-date ul li.green dl dt a {
	_background:transparent!important;
*background:transparent!important;
*font-size:12px!important;
	_font-weight:normal!important;
}
/* culture */
.culture-content h3{
	color: #003393;
	font-weight: bold;
	line-height: 2;
	padding-left: 20px;
	background:url(../images/icon-square.jpg) left no-repeat;
}
.culture-content p {
	font-size: 14px;
	color: #666;
	line-height: 2;
	margin-bottom: 30px;
}
.culture-content .culture-img{
	float: right;
	width: 460px;
}
.culture-content .culture-lft{
	float: left;
}
.culture-content .culture-item{
	overflow: hidden;
	margin: 40px 0;
}
.culture-content .culture-item:nth-child(2) .culture-img{
	float: left;
}
.culture-content .culture-item:nth-child(2) .culture-lft{
	float: right;
	text-align: right;
}
.culture-content .culture-item:nth-child(2) h3{
	background:url(../images/icon-square.jpg) right no-repeat;
	padding-right: 20px;
}
/* honor */
.honor-list{
	overflow: hidden;
	/* height: 1200px; */
	/* background-color: #0044CC; */
}
.honor-list .honor-item{
	padding: 6px;
	float: left;
	border: 1px solid #ddd;
	margin-right: 24px;
	margin-top: 40px;
	/* background-color: #e9e9e9; */
	text-align: center;
	vertical-align: middle;
	width: 356px;
}
.honor-list .honor-item:nth-child(3n) {
    margin-right: 0px;
}
.honor-img{
	width: 100%;
	height: 257px;
}
.honor-img img{width: 100%;height: 100%;}
.honor-list .honor-item h3{
	font-size: 16px;
	line-height: 24px;
	padding:10px 0;
	font-weight: normal;
	text-align: center;
}



@media (max-width: 768px) {
	.about-text,.about-detail{
		padding: 20px 0;
	}
	.about-text h2{font-size: 30px;}
	.about-text h3{font-size: 20px;}
	.about-text p{
		font-size: 12px;
		text-transform:uppercase;
	}
	/* history */
	.history {
	    background: url(../images/line.png) repeat-y 92px 0;
	}
	.history-date ul li {
		padding-bottom:20px;
		background: url(../images/iocn-circle.png) no-repeat 80px 0;
	}
	.history-date ul li.green h3 {
		color: #003393;
		font-size: 18px;
	}
	
	.history-date ul li h3 {
		float: left;
		width: 90px;
		text-align: right;
		color: #c3c3c3;
		line-height: 1;
	}
	
	.history-date ul li:after {
		content:" ";
		display:block;
		border-bottom: 1px dotted #ddd;
		left: 150px;
		position: relative;
		clear:both;
	}
	
	.history-date ul li:after {
		content: " ";
		display: block;
		border-bottom: 1px dotted #ddd;
		left: 120px;
		position: relative;
		clear: both;
	}
	.history-date ul li dl {
		padding-left:120px;
	}
	.history-date ul li dl::after{
		left: 120px;
	}
	.history-date ul li.green dl dt {
	    font-size: 14px;
	    line-height: 20px;
	}
	/* culture */
	.culture-content h3{
		font-size: 18px;
	}
	.culture-content p{
		font-size: 14px;
	}
	.culture-content img{max-width: 100%;}
	.honor-list .honor-item {
		width: 100%;
	}

	.honor-list .honor-img {
		width: 100%;
	}
}

.gotext {
	width: 64px;
	height: 34px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	outline: none;
}

.btn {
	width: 43px;
	height: 34px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box;
	border: solid 1px #ededed;
	text-align: center;
	line-height: 34px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.gobtn {
	float: right;
	display: inline-block;
	padding-left: 0;
	margin-top: 20px;
}