.title-aboutus{
	background:url(../images/aboutus/aboutus.jpg);
	background-position:0 -40px;
}

.company{
	width: 100%;
}

.company p{
	width: 96%;
	font-size: 16px;
	text-indent: 32px;
	line-height: 28px;
	padding-left: 2%;
}

.culture{
	width: 100%;
	height:250px;
	overflow: hidden;
}

.culture ul {
	width: 90%;
	height: 240px;
	margin: 5px auto;
}

.culture ul li{
	width: 30%;
	margin-left: 3%;
	height: 240px;
	float: left;
	font-size: 32px;
	color: #666;
	text-align: center;
	line-height: 240px;
	cursor: pointer;
	position: relative;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}

.culture ul li:hover .cul-hide{
	display: block;
	background-color:#168b3c;
	color:#fff;
}

.culture ul li .cul-hide{
	width: 100%;
	height: 240px;
	position: absolute;
	display: none;
	top:0;
	left:0;
	animation:mymove 500ms;
}

@keyframes mymove{
	from {top:-240px;}
	to {top:0px;}
}

.culture ul li .cul-hide h1{
	width: 100%;
	height: 150px;
	line-height: 150px;
	text-align: center;
	font-size: 32px; 
}

.culture ul li .cul-hide p{
	width: 96%;
	padding-left:2%; 
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}

.team{
	width: 100%;
	height: 200px;
	margin: auto;
}
.team ul {
	width: 100%;
	height: 200px;
}
.team ul li{
	width: 32%;
	height: 100%;
	margin-left: 1%;
	float: left;
	background-color: #e5e5e5;
	overflow: hidden;
}
.team ul li img{
	width: 100%;
}


.history{
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.history h2{
	height: 200px;
	line-height: 200px;
	font-size: 36px;
	color:#168b3c;
}

#historyList{
	width: 980px;
	height: 16px;
	background-color: #fff;
	margin: 0 auto;
	box-shadow: 0px 0px 5px rgba(66,66,66,0.3);
	border-radius: 8px;
	overflow: hidden;
}

.history ul{
	width:1600px;
	height: 80px;
	position: absolute;
	bottom: 52px;
	float: left;
}
.history ul li{
	width: 160px;
	height: 80px;
	float: left;
	position: relative;
}
.history ul li p{
	width: 80px;
	height: 80px;
	line-height: 80px;
	
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 auto;
	box-shadow: 0px 0px 5px rgba(66,66,66,0.3);
}
.history ul li p:hover{
	box-shadow: 0px 0px 5px #168b3c;
	color:#000;
}
.history ul li:hover .history-info{
	display:block;
}
.history ul li .history-info{
	width: 200px;
	height: 120px;
	position: absolute;
	left:50%;
	margin-left:-100px;
	top:-160px;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(66,66,66,0.3);
	display: none; 
}

.history-info h1{
	line-height: 80px;
	font-size: 36px; 
	color:#168b3c;
}



.honor{
	width: 90%;
	height: 325px;
	overflow: hidden;
	margin:0 auto; 
}

.hor-left{
	width: 40%;
	height: 325px;
	float: left;
	
}

.hor-left .hor-pic{
	width: 100%;
	height: 300px;
	border: 12px solid #fff;
	border-radius: 10px;
	box-shadow:2px 2px 20px rgba(0,0,0,0.4);
	overflow: hidden;
}

.hor-left .hor-pic ul li{
	width: 100%;
	height: 300px;
	background-size:auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}


.hor-right{
	margin-left: 5%;
	width: 55%;
	height: 322px;
	float: left;
}

.hor-right ul{
	height: 322px;
	overflow-y: scroll;
}

.hor-right ul::-webkit-scrollbar {
    width: 10px; /*对垂直流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
.hor-right ul::-webkit-scrollbar-track{
    background-color: #666;
}

/*定义两端按钮的样式*/
.hor-right ul::-webkit-scrollbar-button {
    background-color:#666;
}

/*定义滑块颜色、内阴影及圆角*/
.hor-right ul::-webkit-scrollbar-thumb{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #E8E8E8;
}

.hor-right li{
	width: 80%;
	height: 80px;
	padding-left:20%; 
	cursor: pointer;
}

.hor-right li:hover{
	background: #f0f0f0;
}

.hor-right li h2{
	height: 60px;
	line-height: 60px;
}


.adress-map{
	width: 100%;
	height: 700px;
}
#myMap{
	width: 100%;
	height: 100%;
}


.joinus{
	width: 100%;
	height: 140px;
}
.joinus ul{
	width: 80%;
	height: 120px;
	margin: 0 auto;
}
.joinus ul li{
	width: 48%;
	height: 120px;
	margin-right: 2%;
	float: left;
	line-height: 120px;
	text-align: center;
	font-size: 24px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.joinus ul li a{
	color: #666;
}
.joinus ul li a:hover{
	color: #000;
}

.title-recruit{
	width: 100%;
	height: 150px;
	padding-top: 50px;
	line-height: 50px;
	text-align: center;
}

.recruit{
	width: 90%;
	height: 1830px;
	margin:0 auto;
}

.recruit ul{
	width: 100%;
}

.recruit ul li{
	width: 100%;
	height: 430px;
	margin-bottom: 20px;
	position: relative;
}

.recruit ul li .positon{
	width: 200px;
	height: 160px;
	padding: 80px 20px 0px;
	background-color: #168b3c;
	text-align: center;
	font-size: 32px;
	color: #fff;
	position: absolute;
	top: 30%;
	left: 0%;
	z-index: 99;
}

.recruit ul li .require-con{
	width: 80%;
	height: 100%;
	position: absolute;
	top:10%;
	right:0%;
	background-color: #fff;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}

.recruit ul li .require-con h4{
	width: 80%;
	margin-left: 15%;
	height: 40px;
	line-height: 40px;
}

.recruit ul li .require-con p{
	width: 80%;
	margin-left: 15%;
	line-height: 24px;
}