@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}

li{
	list-style: none;
}


.foott{
	width: 1110px!important;
}





.dh{
	height: 45px;
	line-height: 45px;
	text-align: right
}

.dh-r{
	font-size: 12px;
	text-align: left;
	color: #a9a9a9;
}

.dh  a{
	color: #999;
	padding: 0 1%;
	font-size: 12px;
}

.dh  a:hover{
	color: #67c0a9;
}

.dh .dh-r img{
	width: 15px;
	margin-top: -3px;
	
}

.page{
	text-align: center;
	margin-top: 5%;
}

.page ul li{
	float: left;
	font-size: 14px;
}

.page ul{
	display: inline-block;
}

.page ul li a{
	padding: 6px 12px;
	color: #67c0a9;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	
}

.page ul li.rows{
	line-height: 24px!important;
}

.page b{
	color: #67c0a9;
	margin: 0 3px;
}

.page .active a{
	color: #fff;
cursor: default;
background-color: #67c0a9;
border-color: #67c0a9;
}

.page .active a:hover{
	color: #fff;
}











.banner{
	position: relative;
	
}

.banner img{
	max-width: 100%;
}







.about{
	padding: 3% 0 5%;

}

.aboutzi{
	text-align: center
}

.aboutzi h2{
	font-size: 28px;
    color: #333;
    text-align: center;
	
}

.aboutzi .xian{
	
	margin-top: 20px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee

}

.aboutzi span{
	color: #999;
	font-size: 14px;
	border-top: 2px solid #67c0a9;
    padding-top: 8px;
	text-transform:uppercase;
}

.aboutcon{
	margin-top: 4%;
}

.aboutcon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
	color: #333;
}

.aboutcon img{
	border-radius: 5px;
	box-shadow: 0 0 5px #888;
	max-width: 100%;
}










.profl{
	margin-top: 1%;
}

.profl ul li{
	float: left;
    line-height: 46px;
    height: 46px;
    margin-left: 0px;
    margin-right: 8px;
    text-align: center;
}

.profl ul li a{
	color: #898989;
    font-size: 14px;
    display: block;
    height: 46px;
    margin-bottom: 8px;
    background: #f4f4f4;
    padding: 0 45px;
}
.profl ul li a:hover{
	background: #67c0a9;
	color: #fff;
}

.profl .active{
	background: #67c0a9;
	color: #fff;
}


.pro{
	padding: 3% 0 5%;

}

.prozi{
	text-align: center
}

.prozi h2{
	font-size: 28px;
    color: #333;
    text-align: center;
}

.prozi .xian{
	
	margin-top: 20px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee

}

.prozi span{
	color: #999;
	font-size: 14px;
	border-top: 2px solid #67c0a9;
    padding-top: 8px;
	text-transform:uppercase;
}

.procon{
	margin-top: 4%;
}

.procon .col-md-4{
	float: left;
}

.proimg{
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(233,233,233,1.00);
}

.proimg img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
	max-width: 100%;
}

.proimg p{
	position: absolute;
	bottom: 0;
	text-align: center;
	background: rgba(0,0,0,.5);
	color: #fff;
	margin-bottom: 0;
	width: 100%;
	padding: 8px 0;
}

.procon a:hover img {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
}

.procon p{
	text-align: center;
	margin: 0;
	padding: 15px 0;
	color: #111;
	background: #fff;
	font-size: 15px;
	margin-bottom: 30px;
}


.proo{
	
}

.proo .col-md-6,.proo .col-md-1,.proo .col-md-5{
	float: left;
	
}

.proo img{
	border: 1px solid #ccc;
	margin: 0 auto;
	max-width: 100%;
}

.sx{
	padding: 20px 0 0 0;
}

.sx h3{
	font-size: 20px;
	line-height: 50px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 20px;
}

.sx p{
	font-size: 14px;
}

.sx a{
	color: #555;
}

.sx .xian{
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 4% 0
}

.preview { width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide {width: 23%!important;height: 100%;margin: 0 1%;}
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 9px; height: 18px;z-index: 10;}
.preview .arrow-left {background: url("../images/culture/arrow-left.png") no-repeat center;left: 10px;}
.preview .arrow-right {background: url("../images/culture/arrow-right.png") no-repeat center;right: 10px;}
.preview img {padding: 2px;max-width: 100%;}
.preview .active-nav img {padding: 0;border: 1px solid #67c0a9;}





















.honor{
	padding: 3% 0 5%;

}

.honorzi{
	text-align: center
}

.honorzi h2{
	font-size: 28px;
    color: #333;
    text-align: center;
}

.honorzi .xian{
	
	margin-top: 20px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee

}

.honorzi span{
	color: #999;
	font-size: 14px;
	border-top: 2px solid #67c0a9;
    padding-top: 8px;
	text-transform:uppercase;
}

.honorcon{
	margin-top: 4%;
}















.online{
	padding: 3% 0 5%;

}

.onlinezi{
	text-align: center
}

.onlinezi h2{
	font-size: 28px;
    color: #333;
    text-align: center;
}

.onlinezi .xian{
	
	margin-top: 20px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee

}

.onlinezi span{
	color: #999;
	font-size: 14px;
	border-top: 2px solid #67c0a9;
    padding-top: 8px;
	text-transform:uppercase;
}

.onlinecon{
	margin-top: 4%;
}

.mes ul li{
	float: left;
	width: 40%;
	margin-right: 10%;
	margin-bottom: 2%;
	border-bottom: 1px solid #B9B9B9;
}

.mes ul li:nth-child(5){
	border-bottom: none;
}

.mes label{
	color:#4E4E4E
}

.mes ul li input{
	border: none;
	background: none;
	width: 60%;
	font-size: 14px;
	color:#323232;
	padding-left: 2%;
}

.mes ul .wide{
	width: 90%;
}

.mes ul li textarea{
	width: 100%;
	font-size: 14px;
	color:#323232;
	padding: 1%;
	height: 250px;
	margin-top: 4%;
}

.mes .submit{
	background: linear-gradient(to right, #0283d5 , #15bc6d);
	-moz-background: linear-gradient(to right, #0283d5 , #15bc6d);
-ms-background: linear-gradient(to right, #0283d5 , #15bc6d);
-webkit-background: linear-gradient(to right, #0283d5 , #15bc6d);
-o-background: linear-gradient(to right, #0283d5 , #15bc6d);
	color: white;
	padding: 2% 2%;
	padding: 10px 4%;
	border: none;
	margin-bottom: 5%;
}































.news{
	padding: 3% 0 5%;

}

.newszi{
	text-align: center
}

.newszi h2{
	font-size: 28px;
    color: #333;
    text-align: center;
}

.newszi .xian{
	
	margin-top: 20px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee

}

.newszi span{
	color: #999;
	font-size: 14px;
	border-top: 2px solid #67c0a9;
    padding-top: 8px;
	text-transform:uppercase;
}


.newscon{
	margin-top: 4%;
}

.newscon li {
	float: left;
	padding: 0 8px;
	width: 33%;
	margin-bottom: 15px;
}

.home-dynamic-item {
	position: relative;
	background: #fff;
	-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	box-shadow: 1px 1px 9px rgba(0,0,0,.07);
}

.home-dynamic-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #272727;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	opacity: 0;
}

.home-dynamic-item-in {
	position: relative;
	z-index: 2;
	padding: 130px 30px 40px 40px;
	color: #999;
	font-size: 14px;
}

.home-dynamic-item .date {
	position: absolute;
	left: 40px;
	top: -17px;
	padding: 25px 10px 10px;
	width: 101px;
	font-size: 28px;
	color: #fff;
	text-align: right;
	background: #272727;
}

.home-dynamic-item .date p {
	opacity: .56;
	font-size: 15px;
}

.home-dynamic-item .name {
	margin-bottom: 35px;
	font-size: 18px;
	color: #000;
}

.home-dynamic-item .des p {
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	margin-bottom: 30px;
}

.home-dynamic-item:hover::before {
	opacity: 1;
}

.home-dynamic-item:hover .date {
	color: #fff;
	background: linear-gradient( #0283d5 , #67c0a9);
}

.home-dynamic-item:hover .name { color: #fff;}

.home-dynamic-body .more-button-1 .default a { color: #0283d5;}
.home-dynamic-body .more-button-1 .hover-i a { color: #fff;}


.newsscon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
	margin-bottom: 10px;
	color: #555;
}









































.contact{
	padding: 3% 0 5%;

}

.contactzi{
	text-align: center
}

.contactzi h2{
	font-size: 28px;
    color: #333;
    text-align: center;
}

.contactzi .xian{
	
	margin-top: 20px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee

}

.contactzi span{
	color: #999;
	font-size: 14px;
	border-top: 2px solid #67c0a9;
    padding-top: 8px;
	text-transform:uppercase;
}

.contactcon{
	margin-top: 4%;
	margin-bottom: 15px;
}

.contact h3{
	font-size: 20px;
	float: left;
	font-weight: 600;
	margin-bottom: 20px;
}

.contact ul li{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #666;
	font-size: 14px;
}

.contact .col-md-6{
	float: left;
}









.fenye a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:3px 8px;padding-bottom:2px;margin-right:3px;cursor:pointer}
.fenye .red{background:#000000!important; color:#fff; border:0; padding:3px 8px;}
.fenye a.active{background:#000;border:1px solid #cccccc;color:#fff}
.fenye a:hover{text-decoration:none;color:#fff;background:#000000;border:1px solid #cccccc}

























@media (min-width:768px) and (max-width:991px){
	.banner{
		padding-top: 88px;
	}
	.procon .col-md-4,.sbcon .col-md-4{
		width: 48%;
		margin: 0 1% 3%;
		float:left;
		padding: 0;
	}
	.newscon .col-md-4{
		margin-bottom: 5%;
	}
	.mes{
		padding: 0 15px;
	}
}














@media (max-width:767px){
	.banner{
		display: none;
	}
	.contact,.online,.news,.pro,.about,.shebei{
		padding-top: 100px;
	}
	.contactzi h2,.onlinezi h2,.newszi h2,.prozi h2,.aboutzi h2,.shebeizi h2{
		margin-bottom: 30px;
	}
	.mes{
		padding: 0 15px;
	}
	.mes ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.mes ul .wide{
		width: 100%;
	}
	.mes .submit{
		padding: 10px 10%;
	}
	.procon .col-md-4,.sbcon .col-md-4{
		width: 48%;
		margin: 0 1% 3%;
		float:left;
		padding: 0;
	}
	.newscon .col-md-4{
		margin-bottom: 5%;
	}
	
}