header{
	background: url(../image/header_bg.png) 100% 100%;
}
.banner{
	width: 100%;
	height: auto;
}
.content{
	/*width:1200px;*/
	margin:30px auto 0;
	overflow: hidden;
	position: relative;
}
.news{
	overflow: hidden;
	width: 1198px;
	height: 50px;
	margin:0 auto;
	line-height: 50px;
	background: #fafafa;
	border:1px solid #e5e5e5;
	border-radius: 25px;
}
.news li{
	float: left;
	position: relative;
	z-index: 2;
	height: 100%;
	width: 120px;
	text-align: center;
	border-radius: 25px;
	font-size: 16px;
	color:#333;
}
.news li:hover a{
	color:#333;
	cursor: pointer;
}
.news li.current a{
	color:#fff;
	position: relative;
}
.news li.current:after{
	content:'';
	display: block;
	width: 100%;
	height:50px;
	top:0;
	background:#325597;
	position:absolute;
	z-index:-1;
	border-radius: 25px;
}
.aboutcontent{
	width: 1200px;
	margin: 40px auto 0;
	height: 332px;
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px dashed #c9c9c9;
}
.aboutcontent>img{
	position: absolute;
	left: 10px;
	top:-3px;
}
.introduction{
	width: 730px;
	float: right;
	margin-right: 20px;
	border:1px solid #c9cac9;
	padding:35px 40px 35px 230px;
	font-size: 14px;
	color: #666;
}
.introduction h2{
	font-size: 20px;
}
.introduction p{
	margin-top: 10px;
	line-height: 1.6;
	text-indent: 2em;
}
.more-us{
	width: 1200px;
	margin:0 auto;
	padding: 60px 0 40px;
	overflow: hidden;
}
.more-us li{
	float: left;
	text-align: center;
	width: 354px;
	margin:0 20px;
	font-size: 16px;
	color: #666666;
	line-height: 1.7;
}
.more-us li h2{
	font-size: 24px;
	margin-top:20px;
}
.more-us li img{
	transition: .5s;
    -webkit-transition: .5s;
}
.more-us li:hover img{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */
	-moz-transform: rotateY(180deg);
	transition: .5s;
    -webkit-transition: .5s;
}
.more-us p{
	text-align: left;
	text-indent: 2em;
}
/*发展历程*/
.coursecontent{
	padding-top:93px;
	background: url(../image/course_bg.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 108px;
}
.course{
	position: relative;
	width: 4px;
	background: #e5e5e5;
	height: 2243px;
	margin: 0 auto;
}
.course-img{
	position: absolute;
	top:-53px;
	left: -18px;
}
.time-img{
	position: absolute;
	/*left:50%;
	margin-left: -8px;*/
}
.img-2020,.img-2018,.img-2016,.img-2014,.img-2012,.img-2010,.img-2008{
	top: 63px;
    right: -34px;
}
.img-2019,.img-2017,.img-2015,.img-2013,.img-2011,.img-2009,.img-2007{
	top: 63px;
    left: -30px;
}
/*.img-2018{
	top: 343px;
}
.img-2017{
	top: 490px;
}
.img-2016{
	top: 682px;
}
.img-2015{
	top: 895px;
}
.img-2014{
	top: 1034px;
}
.img-2013{
	top: 1181px;
}
.img-2012{
	top: 1320px;
}
.img-2011{
	top: 1460px;
}
.img-2010{
	top: 1590px;
}
.img-2009{
	top: 1738px;
}
.img-2008{
	top: 1876px;
}*/
.img-2007{
	bottom:0;
}
.course-account{
	position: absolute;
	width:571px;
	/*overflow: hidden;*/
}
.account-img{
	width:168px;
	float:left;
	text-align: left;
	padding-top: 20px;
}
.account-text{
	float: left;
	text-align: left;
	font-size: 14px;
	color: #666666;
	line-height: 1.6;
	overflow: hidden;
	width: 403px;
}
.account-text p{
	/*float: left;*/
}
.account-text p:before{
	content: '';
	width: 3px;
	height: 3px;
	display: block;
	float: left;
	background: #666666;
	margin-right: 7px;
	margin-top: 9px;
}
.time-2020,.time-2018,.time-2016,.time-2014,.time-2012,.time-2010,.time-2008{
	left: -595px;
}
.time-2019,.time-2017,.time-2015,.time-2013,.time-2011,.time-2009,.time-2007{
	left: 24px;
}
/*.time-2020{
	left: -595px;
	top:3px;
}
.time-2019{
	left: 24px;
	top:127px;
}
.time-2018{
	left: -595px;
	top:262px;
}
.time-2017{
	left: 24px;
	top: 435px;
}
.time-2017 .account-img{
	margin-top: 47px;
}
.time-2016{
	left: -595px;
	top:648px;
}
.time-2016 .account-img{
	margin-top: 64px;
}
.time-2015{
	left: 24px;
	top:782px;
}
.time-2014{
	left: -595px;
	top:907px;
}
.time-2013{
	left: 24px;
	top:1031px;
}
.time-2012{
	left: -595px;
	top:1156px;
}
.time-2012 .account-text p{
	float: right;
}
.time-2011{
	left: 24px;
	top:1281px;
}
.time-2010{
	left: -595px;
	top:1408px;
}
.time-2010 .account-text p{
	float: right;
}
.time-2009{
	left: 24px;
	top:1580px;
}
.time-2008{
	left: -595px;
	top:1408px;
}
.time-2008 .account-img{
	margin-top: 36px;
}
.time-2007{
	left: 24px;
	top:1580px;
}*/
.account-text h2{
	font-size: 26px;
	font-style: italic;
	text-align: right;
	margin-bottom: 20px;
}
.account-right .account-text h2{
	font-size: 26px;
	font-style: italic;
	text-align: left;
	margin-bottom: 20px;
}
.account-right .account-img{
	text-align: right;
}
/*公司资质*/
.honorcontent{
	width: 1200px;
	margin:40px auto 0;
}
.honor-list{
	overflow: hidden;
	padding: 20px 0 40px;
}
.honor-list li{
	float: left;
	cursor: pointer;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	border-right: 2px solid #666666;
	width: 140px;
	text-align: center;
}
.honor-list li:last-child{
	border-right: none;
}
.tab-info{
	display: none;
	font-size: 18px;
	color: #666666;
	text-align: center;
	overflow: hidden;
}
.tab-img{
	float: left;
	width: 280px;
	margin: 0 10px;
}
/*.tab-img:nth-child(3n){
	margin-right: 0;
}*/
.tab-img p{
	width:280px;
	margin:30px 0 60px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.show{
	display: block;
}
.tab-img div{
	width: 280px;
	height: 180px;
	text-align: center;
	padding:20px 0;
	border:1px solid #efefef;
}
.tab-img div>img{
	max-width: 280px;
	max-height: 180px;
	transition: .5s;
    -webkit-transition: .5s;
}
.tab-img div:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transition: .5s;
    -webkit-transition: .5s;
}
.actived{
	color:#325597;
}