@charset "utf-8";
#banner img{display:block;max-width:100%}
#banner .swiper-pagination-bullet{width:40px;height:10px;border-radius:5px;opacity:1}
#banner .swiper-pagination-bullet-active{background:#8BBD2A}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238BBD2A'%2F%3E%3C%2Fsvg%3E")}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238BBD2A'%2F%3E%3C%2Fsvg%3E")}
@media (max-width:768px){
	#banner .swiper-pagination{bottom:0px}
	#banner .swiper-button-next,#banner .swiper-button-prev{display:none}
}

.search-box{background:#F4F7F0;padding:11px 0;border-bottom: 1px solid #EEEEEE;}
.searchl{color:#999}
.searchl i{margin-right:12px}
.searchl p{font-size:14px}
.searchl a{color:#999}
.searchr{width:50%;max-width:450px;background:#fff}
.searchr input{border:0;padding:0 10px 0 20px;line-height:46px;background:transparent;flex:1}
.searchr span{display:block;width:2px;height:20px;background:#E4E4E4}
.search-btn{width:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.searchr i{width:19px;height:19px;background-position:0 -26px}
@media (max-width:768px){
	.search-box .flex-sb-c{flex:unset}
	.searchl{margin-bottom:10px;flex:1}
	.searchr{width:100%}
	.searchr input{line-height:40px}
}

#category{position: relative;margin: 60px 0 0;}
#category>.flex-sb-c{position: relative;padding: 28px 0;}
#category .flex-sb-c:before{display:block;content:'';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: #5E8F00;z-index: -1;border-radius: 20px 0 0 20px;}
.categoryL{padding:0 20px;min-width:265px;position: relative;z-index: 1;}
.categoryL p{font-size:50px;font-weight:bold;color:#fff}
.categoryL i{width:60px;height:8px;background-position:0 -96px;margin-top:36px}
.categoryL span{font-size:10px;color:#fff}
.category{flex:1}
.category li{width:31%}
.category li a{display:block;background:#fff;border-radius:20px;box-shadow:0 0 4px #999;overflow:hidden}
.category .img{position:relative;height:0;padding: 0 0 84% 0;}
.category .img img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}
.category .title{text-align:center;font-size:24px;line-height:60px}
@media (max-width:1200px){
	.category .title{font-size:20px}
}
@media (max-width:1024px){
	.category .title{font-size:16px}
}
@media (max-width:768px){
	#category{margin:20px 10px}
	#category .flex-sb-c{padding:10px}
	#category .flex-sb-c:before{width:100%;height:50%;border-radius:20px 20px 0 0}
	.categoryL{width:100%;display:flex;align-items:baseline}
	.categoryL p{font-size:30px;margin-right:15px}
	.categoryL i{margin-top:10px;display:none}
}
@media (max-width:500px){
	.category li{width: 100%;margin-bottom: 10px;}
}

#prolist{padding: 80px 0 140px;}
.title{text-align:center}
.title .cn{font-size:38px;font-weight:bold;color:#5E8F00}
.title .xian{width:240px;height:1px;background:#999;margin:0 auto;position:relative}
.title .xian:after{display:block;content:'';position:absolute;width:80px;height:3px;background:#5E8F00;left:50%;top:-1px;transform:translateX(-50%)}
.title .en{font-size: 18px;margin-top: 3px;}
.prolist{margin-top:20px}
.prolist li{width:24%;padding-bottom:80px;position:relative;margin-bottom:10px}
.prolist .img{overflow:hidden}
.prolist .img a{display:block;position:relative;height:0;padding-bottom: 75%;overflow:hidden;}
.prolist .img img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.5s all}
.prolist .con{position:absolute;bottom:0;left:0;width:100%;padding:13px 0 35px 0}
.prolist .con a{display:none}
.prolist li:hover .img img{transform:translate(-50%,-50%) scale(1.1)}
.prolist li:hover .con{padding:19px 20px 26px;background:#5E8F00;color:#fff}
.prolist li:hover .con a{display:block;font-size:14px;width:80px;line-height:20px;text-align:center;border-radius:30px;border:1px solid #fff;margin-top:10px;color:#fff}
@media (max-width:768px){
	#prolist{padding:10px 0}
	.title .cn{font-size:26px}
	.title .xian{width:150px}
	.title .en{font-size:14px}
	.prolist li{width:49%}
	.prolist .con{padding:20px 20px 25px;background:#5E8F00;color:#fff}
	.prolist .con a{display:block;font-size:14px;width:80px;line-height:20px;text-align:center;border-radius:30px;border:1px solid #fff;margin-top:10px;color:#fff}
}
@media (max-width:425px){
	.prolist li{width:100%}
}

#about{background:url(../images/about-bg.jpg) no-repeat center 0;padding-top:15px}
#about .cn{color:#fff}
#about .en{color:#fff}
.about-text{text-align:center;font-size:20px;color:#fff;margin:30px 0 40px;line-height:1.8}
.icon-about{display:block;width:94px;height:72px;background-image:url(../images/icon-about.png);background-repeat:no-repeat;margin:48px auto 32px}
.icon-zzzl{background-position:0 0}
.icon-lsdz{background-position:0 -72px}
.icon-zytd{background-position:0 -144px}
.icon-txfw{background-position:0 -216px}
.about-ul li{width:22%;max-width:275px;padding-bottom:45px;background:#fff;border-radius:10px;box-shadow:0 0 5px #eee}
.about-ul p{font-size:22px;text-align:center;font-weight:bold}
.about-ul li:hover{background:#5E8F00;color:#fff}
.about-ul li:hover .icon-zzzl{background-position:-94px 0}
.about-ul li:hover .icon-lsdz{background-position:-94px -72px}
.about-ul li:hover .icon-zytd{background-position:-94px -144px}
.about-ul li:hover .icon-txfw{background-position:-94px -216px}
@media (max-width:768px){
	#about{padding-bottom:15px}
	.about-text{margin:5px 0 15px;font-size:14px;text-align:left;text-indent:2em}
	.icon-about{margin:0 auto;transform:scale(0.6)}
	.about-ul li{padding-bottom:10px;width:20%}
	.about-ul p{font-size:16px}
}
@media (max-width:425px){
	.about-ul{flex-wrap:wrap}
	.about-ul li{width:48%;margin-bottom:10px}
}

#case{margin:38px 0 58px}
.case{margin-top:50px;width:100%}
.case>li{width: 35.6%;}
.case div{display:flex;flex-direction:column;justify-content:space-between;width: 31%;}
.case a{display:block;position:relative;overflow:hidden}
.case img{transition:0.5s all;max-width:100%;display:block}
.case p{position:absolute;width:100%;bottom:0;left:0;background:rgba(94,143,0,0.8);line-height:3;text-align:center;color:#fff}
.case li:hover img{transform:scale(1.1)}
.case li:hover p{background:rgba(94,143,0,1)}
@media (max-width:768px){
	#case{margin:20px 0 30px}
	.case{margin-top:20px}
	.case p{line-height:2;font-size:14px}
}
@media (max-width:425px){
	.case{flex-wrap:wrap}
	.case>li:first-child{width:54%}
	.case div:nth-child(2){width:42%;margin:0}
	.case div:last-child{flex-direction:row;margin:15px 0 0 0;width: 100%;}
	.case div:last-child li{width:48%}
}

#news{padding:77px 0 88px;background:#F5F5F5}
.news{margin-top:55px}
.gsdt{width:33%;padding:25px 20px 45px;background:#fff;max-width:395px}
.news-tit p{font-size:20px}
.news-img{margin-top:20px}
.news-img img{display:block;max-width:100%}
.gsdt-ul{margin-top:29px}
.gsdt-ul li{line-height:30px}
.gsdt-ul a{font-size:14px}
.gsdt-ul a:before{display:inline-block;content:'';width:7px;height:7px;background:url(../images/icon-iconfont.png) no-repeat -53px 0;margin-right:20px}
.gsdt-ul a:hover{color:#18469B}
.gsdt-ul a:hover:before{background-position:-45px 0}
.cjwt{width:33%;padding:25px 15px;background:#fff;max-width:395px}
.cjwt-ul{margin-top:9px}
.cjwt-ul li{padding:25px 0 14px;border-bottom:2px dotted}
.cjwt-ul i{position:absolute;top:7px;left:0}
.cjwt-ul div{height:30px}
.cjwt-ul div a{position:relative;padding-left:35px;display:inline-block;}
.cjwt-ul div a:hover{color:#18469B}
.cjwt-ul p{font-size:14px;padding:0 0 0 35px;height:4em;position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1024px){
	.gsdt{padding:10px 10px}
	.news-img{margin-top:5px}
	.gsdt-ul{margin-top:10px}
	.gsdt-ul a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
	.gsdt-ul a:before{margin-right:10px}
	.cjwt{padding:10px}
	.cjwt-ul{margin-top:0}
	.cjwt-ul li{padding:10px 0}
	.cjwt-ul div a{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
	.cjwt-ul p{line-height:1.5;height:3em}
}
@media (max-width:425px){
	#news{padding: 30px 0 30px;}
	.news{flex-wrap:wrap;margin-top: 20px;}
	.gsdt{width: 100%;margin-bottom: 15px;}
	.cjwt{width: 100%;}
}

#contact{padding:35px 0;margin-bottom: 70px;}
.contact{margin-top:55px}
#map{width:50%}
#map img{display:block;max-width:100%}
.contactR{width:50%;padding: 40px 55px;border-top:3px solid #99C645;position:relative;background:#F5F5F5;}
.contactR:before{display:block;content:'';width:0;height:0;border-left:4px solid transparent;border-bottom: 4px solid transparent;border-right:4px solid transparent;border-top:7px solid #99C645;position:absolute;top:0px;left:50%;margin-left:-4px;}
.contactR li{font-size: 20px;line-height:1.5;padding:10px 0  10px;}
@media (max-width:1220px){
	#map img{display:block;max-width:100%}
	.contactR{padding:20px 40px 0}
	.contactR li{font-size:20px}
}
@media (max-width:768px){
	.contact{margin-top:20px}
	#map img{display:block;max-width:100%}
	.contactR{padding:10px 20px}
	.contactR li{font-size:16px;padding:3px 0}
}
@media (max-width:425px){
	#contact{padding:10px 0;margin-bottom: 30px;}
	.contact{flex-wrap:wrap}
	#map{width:100%;margin-bottom:15px;position: relative;height: 200px;}
	#map img{display:block;max-width:100%}
	.contactR{width:100%}
}