/*
*版本：jckuaiji v2.0
*作者：tentter
*Q  Q：2797947777
*/
/************* 内容页通用 *************/
.pagecon {
	background: #ffffff;
	width: 1100px;
	padding: 50px;
	overflow: hidden;
}

/***article page**/
.articlecon h1 {
	color: #454648;
	font-size: 30px;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.articlecon p {
	margin-bottom: 24px;
}
.articleinfo {
	width: 660px;
	margin:10px auto 30px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #f2f2f2;
}
.articleinfo span {
	display: inline-block;
	margin-right: 20px;

}
.articleinfo span i {
	padding-right: 5px;
}
.articleweixin {
	text-align: center;
}
.articleweixin img,.articleweixin span {
	display: block;
	margin: 0 auto;
}
.articleweixin img {
	padding: 10px;
	box-shadow: 0 0 5px #595f6b;
}
.articleweixin .bdsharebuttonbox {
	text-align: center;
	width: 360px;
	overflow: hidden;
	margin: 20px auto 0 auto;
}


/*zhishiku*/
.zhishiku {
	width: 1198px;
	margin: 0 auto;
	padding: 5px;
	overflow: hidden;
}
.zhishiku a {
	width: 280px;
	height: 395px;
	overflow: hidden;
	display: block;
	background: #fff;
	float: left;
	margin:0 26px 36px 0;
	box-shadow: 0 2px 3px #e2e2e2;
	transition:all 0.5s;
}
.zhishiku img {
	width: 280px;
	height: 185px;
}
.zhishiku a:hover {
	box-shadow: 0 0 5px #00af47;
}
.zhishiku a:nth-child(4n){
	margin-right: 0;
}
.zhishiku a span {
	margin: 15px 0 0 10px;
	display: inline-block;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 0 15px 0 5px;
	background: url(../images/zskt.jpg) #f48100 right center no-repeat;
}
.zhishiku a h3,.zhishiku a h5 {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	padding: 0 0px 0 15px;
}
.zhishiku a img {
	display: block;
	width: 100%;
}
.zhishiku a h5 {
	font-size: 12px;
	border-bottom: 1px solid #f2f2f2;
}
.zhishiku h5 i {
	padding-right: 6px;
}
.zhishiku p {
	width: 92%;
	margin: 10px auto 0 auto;
	line-height: 20px;
}


/*about page*/
.about {
	background: #fff;
	padding-bottom: 50px;
}
.about h2 { 
	padding-top: 50px;
	text-align: center;
}
.aboutcon {
	font-size: 14px;
	padding: 70px;
	line-height: 28px;
	width: 740px;
	margin: 0 auto;
	background: url(../images/aboutcon.jpg) center top no-repeat;
}
.aboutus {
	width: 1170px;
	padding: 0 15px;
	height: 418px;
	overflow: hidden;
	background: url(../images/aboutour.jpg) top center no-repeat;
}
.aboutus .left {
	width: 271px;
	height: 209px;
	margin-left: 314px;
}
.aboutus .right {
	width: 271px;
	height: 209px;
	margin-right: 314px;
}
.aboutus h3 {
	width: 221px;
	height: 96px;
	line-height: 110px;
	font-size: 16px;
	color: #303030;
	margin:0 auto;
	font-weight: bold;
}
.aboutus p {
	width: 221px;
	margin:0 auto;
}
.wangdian {
	width: 1150px;
	height: 450px;
	overflow: hidden;
	margin: 50px auto 0 auto;
}
.wangdian .left {
	width: 350px;
	font-size: 14px;
}
.wangdian .left h3 {
	font-size: 20px;
	padding-top: 30px;
	height: 24px;
	color: #303030;
}
.wangdian .left h5 {
	font-size:14px;
	color: #595f6b;
	margin-bottom: 35px;
}
.wangdian .left p {
	height: 48px;
	overflow: hidden;
	margin-bottom: 25px;
} 
.wangdian p span {
	display: block;
	font-size: 16px;
	color: #00af47;
}
.wangdian .left h4 {
	height: 65px;
	line-height: 65px;
	border-top: 1px solid #f2f2f2;
	color: #303030;
}
.wangdian .right {
	position: relative;
	width: 750px;
	height: 450px;
	overflow: hidden;
}
.wangdian .right img.abmap {
	position: absolute;
	z-index: 2;
	border: 10px solid #d4d4d4;
}
.wangdian .right ul {
	position: absolute;
	right: 0;	
	border-bottom: 1px solid #d4d4d4;
	border-right: 3px solid #595f6b;
	z-index: 3;
	height: 449px;
	width: 290px;
	overflow: hidden;
}
.wangdian li {
	padding: 20px 0 0 20px;
	height: 129px;
	width: 290px;
	overflow: hidden;
	display: block;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	margin-left: 170px;
	transition:all 0.5s;
	position: relative;
	background: rgba(255,255,255,1);
}
.wangdian ul li:hover {
	margin-left: 0;
	background: rgba(255,255,255,0.7);
}
.wangdian li img {
	width: 150px;
	height: 110px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.wangdian li i {
	display: block;
	width: 15px;
	height: 3px;
	background: #f48100;	
}
.wangdian li h3 {
	color: #303030;
	height: 20px;
	overflow: hidden;
	font-size: 14px;
	margin-top: 70px;
}

/*contact*/
.contact {
	position: relative;
	overflow: hidden;
	height: 650px;
}
.contacttitle {
	position: relative;
	z-index: 3;
}
.contactweixin {
	margin: 5px;
	background: #fff;
	padding:10px;
	box-shadow: 0px 0px 5px #454648;
}
.contactweixin p {
	padding-top: 10px;
	text-align: center;
}
.contactadd {
	width: 290px;
	height: 426px;
	position: absolute;
	right: 5%;
	overflow: hidden;
	bottom: 30px;
	border-right: 5px solid rgba(0,0,0,0.8);
	z-index: 4;
}
.contactadd li {
	width: 288px;
	height: 120px;
	padding: 20px 0 0 20px;
	background: rgba(255,255,255,0.8);
	transition:all 0.5s;
	border: 1px solid rgba(0,0,0,0.2);
	position: relative;
	margin-left: 120px;
}
.contactadd div {
	position: absolute;
	bottom: 20px;
	color: #f2f2f2;
	line-height: 22px;
}
.contactadd li h3 {
	font-size: 14px;
	color: #303030;
	transition:all 0.5s;
} 
.contactadd li span {
	display: block;
	color: #929292;
	font-size: 10px;
	transition:all 0.5s;
}
.contactadd li p {
	display: none;
	transition:all 0.5s;
}
.contactadd li:hover {
	margin-left: 0;
	background: rgba(0,0,0,0.8);
}
.contactadd li:hover h3 {
	color: #00af47;
}
.contactadd li:hover i {
	background:#00af47 ;
}
.contactadd li:hover span {
	display: none;
}
.contactadd li:hover p {
	display: block;
}
.contactadd li i {
	display: block;
	width: 15px;
	height: 3px;
	background: #f48100;
	transition:all 0.5s;	
}
.map {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	border-top: 10px solid #fff;
	border-bottom: 5px solid #fff;
	overflow: hidden;
}




@media screen and (max-width: 1366px){
	.map {
		height: 500px;
	}
}