@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}

.w1200{
	width: 1200px;
	margin: 0 auto;
}


.banner{
	padding-top: 100px;
}










.about{
	padding: 5% 0;
	background: #FBFBFB;
}

.aboutzi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.aboutcon p{
	font-size: 15px;
	line-height: 28px;
	text-indent: 30px;
}

.aboutimg{
	margin-top: 30px;
}








.wh{
	position: relative;
	background: url(../images/wh.jpg) no-repeat center;
	background-attachment: fixed;
	
}

.wh .wid{
	height: 600px;
}

.whcon{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	
	width: 100%;
}

.whzi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.whcon p{
	font-size: 15px;
	line-height: 28px;
	text-align: center;
}











.hz{
	padding: 5% 0;
}

.hzzi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.hzcon ul{
	margin-bottom: 0;
}

.hzcon ul li{
	float: left;
	width: 20%;
	padding: 1%;
}

.hz .swiper-container{
	padding-bottom: 50px;
}

.hz .swiper-pagination-bullet-active{
	background: #90b821!important;
}

.hz .swiper-pagination-bullet{
	background: #000;
}
/*
#gallery { overflow: hidden; }
			#gallery a { display: block; float: left; }
			#gallery a img { display: block; border: 0; }

.poptrox-popup{
	width: 60%!important;
	height: 60%!important;
}
.caption{
	height: auto!important;
	line-height: 28px!important;
	font-size: 14px!important;
	width: 80%!important;
	left: 10%!important;
}*/

#baguetteBox-overlay .full-image figcaption{
	background: none!important;
	bottom: 30vh;
}









.honor{
	padding: 5% 0;
	background: #FBFBFB;
}

.honorzi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.honor .swiper-container{
	padding-bottom: 80px;
}

.honor .swiper-pagination-bullet-active{
	background: #90b821!important;
}

.honor .swiper-pagination-bullet{
	background: #000;
}

















.profl{
	padding: 15px 0;
}

.profl ul{
	margin-bottom: 0;
}

.profl ul li{
	float: left;
	margin-right: 15px;
	background: #f08300;
	padding: 10px 30px;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.proone{
	font-size: 16px;
	color: #fff!important;
	background: #90b821!important;
}

.profl a{
	font-size: 16px;
	color: #fff;
	
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.profl ul a:hover li{
	background: #90b821;
}

.profl ul a:hover{
	color: #fff;
}

.profl ul a.proflactive li{
	background: #90b821;
}

.profl ul a.proflactive{
	color: #fff;
}





.pro{
	padding: 5% 0;
	background: #FBFBFB;
}

.prozi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.procon ul li{
	float: left;
	width: 32%;
	margin-bottom: 2%;
}

.procon ul li:nth-child(3n+2){
	margin-left: 2%;
	margin-right: 2%;
}

.procon img{
	border-radius: 10px;
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.procon ul li:hover img{
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
}

.procon p{
	font-size: 15px;
	margin-top: 15px;
	color: #333;
	text-align: center;
}



.proocon img{
	margin: 0 auto 20px;
}

.projs img{
	display: block;
	max-width: 100%;
	height: auto;
}

.projs{
	font-size: 15px;
	line-height: 30px;
	color: #333;
	text-align: center;
}











.plan{
	padding: 5% 0;
	background: #FBFBFB;
}

.planzi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}


.plancon ul li{
	float: left;
	width: 33%;
	margin-bottom: 50px;
	padding: 1%;
}

.plancon h3{
	font-size: 18px;
	color: #111;
	margin-bottom: 2%;
	line-height: 28px;
	margin-top: 30px;
	text-align: center;
}

.plancon ul li:hover h3{
	color: #90b821;
}

.plancon h3 span{
	float: right;
	font-size: 15px;
	line-height: 28px;
	color: #999;
}

.plancon p{
	font-size: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #666;
}



.planccon{
	font-size: 15px;
	line-height: 30px;
	color: #333;
}



















.news{
	padding: 5% 0;
	background: #FBFBFB;
}

.newszi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}


.newscon ul li{
	float: left;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 50px;
	padding-bottom: 1%;
}

.newscon h3{
	font-size: 18px;
	color: #111;
	margin-bottom: 2%;
	line-height: 28px;
}

.newscon ul li:hover h3{
	color: #90b821;
}

.newscon h3 span{
	float: right;
	font-size: 15px;
	line-height: 28px;
	color: #999;
}

.newscon p{
	font-size: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #666;
}



.newsccon{
	font-size: 15px;
	line-height: 30px;
	color: #333;
}















.lx{
	padding: 5% 0;
	background: #FBFBFB;
}

.lxzi h3{
	font-size: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.lxcon ul{
	margin-bottom: 50px;
}

.lxcon ul li{
	float: left;
	width: 25%;
}

.lximg{
	width: 90px;
    height: 90px;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin: 0 auto;
    
}

.lxcon h4{
	font-size: 20px;
	color: #90b821;
	text-align: center;
	margin: 40px auto 20px;
}

.lxcon p{
	font-size: 15px;
	color: #333;
	text-align: center;
}





.fenye{
	margin-top: 50px;
}
.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:#90b821!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:#90b821;border:1px solid #cccccc}





.fanhui{
	margin-top: 50px;
}

.fanhui a{
	font-size: 14px;
	background: #90b821;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	display: block;
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
	margin: 0 auto;
}

.fanhui a:hover {
	border-radius: 50px;
}

