:root{
    --green:#00911a;
}
.swiper-pagination-bullet-active{background: var(--green) !important;}

.banner .swiper-button-next,.banner .swiper-button-prev{padding: 0 60px;}
@media (max-width:768px) {
	.banner .swiper-button-next,.banner .swiper-button-prev{display: none;}
}
.big-title{padding-top: 43px; padding-bottom: 30px;font-size: 24px; text-align: center;}
.big-title h3{font-style: italic; text-transform: uppercase; font-size: 24px; color: #333;}
.big-title span{display: block;width: 60px; height: 1px; background-color: var(--green); margin: 5px auto;}
.big-title p{font-size: 20px; color: #333;}

.hy-bg{background-color: #f5f5f5; padding-bottom: 45px;}
.hyApp li{float: left; width: 16.66%; padding: 10px;}
.hyApp2 li{float:left;width:33.33%;padding:10px;}
.hyApp li a,.hyApp2 li a{position: relative; display: block;overflow: hidden;}
.hyApp li a>img{width: 100%;height:270px;}
.hyApp2 li a>img{width:100%;height:270px;}
.hyApp li a h3,.hyApp2 li a h3{position: absolute;bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.6); color: #fff; font-size: 18px; padding: 13px; z-index: 2; transition: .3s;min-height:74px;}
.hyApp li a .hy-mask{position: absolute;top: 0; left: 0;width: 100%; height: 100%; padding: 50px 44px 50px 50px;background-color: var(--green); text-align: center; color: #fff; opacity: 0;transform: translateY(30px); transition: .3s; z-index: 1;}
.hyApp li a .hy-mask p{padding-top: 0px; padding-bottom: 10px; text-align: left; font-size: 14px; line-height: 24px;}

.hyApp li a:hover h3{transform: translateY(30px);opacity: 0;}
.hyApp li a:hover .hy-mask{transform: translateY(0);opacity:1;}

@media (max-width:768px) {
	.hyApp li{width: 100%; padding: 0;padding-bottom: 15px;}
	.hyApp li a h3{font-size: 16px;}
	.hyApp li a>img{max-height:245px;}
	.hyApp2 li{width:50% ;}
	.hyApp2 li a>img{height:180px;width:auto;}
}
/*  */
.pronav li{float: left; width: 33.33%; padding: 2px;margin-bottom:15px;}
 
.pronav li a{position: relative; display: block;overflow: hidden;text-align:center}
.pronav li a>img{width: auto; height:260px;transition: all .6s;}
.pronav li a h3{ width: 88%;margin:auto;min-height:83px; background-color: #F5F5F5; color: #666; text-align: center; font-size: 16px; padding: 20px 15px 19px; z-index: 2; transition: .3s;}
.pronav li a:hover h3{background-color: var(--green); color: #fff;}

@media (max-width:768px) {
	.pronav li{width: 100%;}
	.pronav li a h3{width:100% !important;}
}
/*  */
.about-img,.about-con{float: left; width: 52.5%; padding: 15px;}
.about-con{width: 47.5%;}

.about-img img{max-width: 100%;}
.about-con{padding-top: 45px;  text-align: center;}
.about-con p{font-size: 16px; line-height: 28px; text-indent:32px; text-align: left; color:#666;}
@media (max-width:768px) {
	.about-img,.about-con{ width: 100%; padding: 15px;}
}
/*  */
.newslist li{float: left; width: 33.33%; padding: 10px;}
.newslist li a{display: block; border: 1px solid #eee;transition: .3s;}
.newslist .news-img{overflow: hidden;height:233px;}
.newslist .news-img img{width: 100%; transition: .3s;}
.news-con {padding: 15px;}
.news-con h3{padding-top: 5px; color: #333; font-size: 16px; height: 55px; overflow: hidden;}
.news-con span{display: block; font-size: 12px; color: #999;}
.news-con p{ padding-top: 15px; font-size: 14px; color: #666;height: 55px; overflow: hidden;}

.newslist li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);}
.newslist li a:hover .news-img img{ transform: scale(1.1);}
.newslist li a:hover h3{color: var(--green);}
@media (max-width:768px) {
	.newslist li{ width: 100%;}
}
.adlist{ background: url(../images/s-b1-bg.jpg); background-size: cover; padding-top: 45px; padding-bottom: 60px;}
.adlist-title{color: #fff; text-align: center; padding-bottom: 40px;}
.adlist-title h3{font-size: 34px; }
.adlist-title p{font-size: 16px; }

.adlist ul{width: 100%; margin: 0 auto;}
.adlist ul li img{max-width: 100%;}
.adlist ul li{float: left; width: 25%; padding: 12px; text-align: center; color: #fff;}
.adlist ul li h3{padding-top: 15px; font-size: 16px; padding-bottom: 10px;}
.adlist ul li p{font-size:14px;}

@media(max-width:768px){
	.adlist ul{width: 100%; }
	.adlist ul li{width: 50%;}
}

.more{font-size: 12px; display: inline-block; border: 1px solid var(--green); border-radius: 60px; color: var(--green); padding: 2px 15px; font-style: italic;}

.more:hover{background-color:var(--green); color: #fff;}

/*荣誉资质*/
#zzry .prev,#zzry .next {
	width: 30px;
	height:130px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	top: -240px;
    display: inline-block;
}
 #zzry .prev{
	left:-40px;
	background-image: url(../images/zjt.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#zzry .next {
	right:-1180px;
	background-position: right center;
	background-image: url(../images/yjt.jpg);
}

.con-title h2{font-size:28px;}
.con-1 li{width:22%;float:left;}
.con-1 li:first-child{width:32%;}
.con-1 li i{display: block;float: left;margin-right: 10px;}
.con-1 li div{float: left;}
.con-1 li p{font-size:22px;}
.con-1 li span{font-size:18px;}
.f25{font-size:26px;}
.con-2{margin-top: 40px;}
.con-2 .way{width:30%;float:left;padding: 15px;} 
.con-2 .way:first-child{width:70%;}
.con-2 .way .tit{border-bottom:1px solid #000;font-size:20px;    padding: 20px 0px;}
.con-2 .way p{font-size:16px;line-height:40px;}
@media (max-width: 800px){
	.con-1 li,.con-1 li:first-child,.con-2 .way{width:100%;}
}