@charset "utf-8";
body{background:#F8F8F8}
/*#footer{display:none}*/
/*#header{padding:38px 0}*/

#banner{
}
.page-about{background: #F8F8F8;padding: 10px;}
.about-content{position:relative;background:#fff;padding:20px 0;margin: 50px 0;}
.about1{flex-wrap:nowrap;align-items:flex-end}
.about1 div{padding:0 10px 0 40px}
.about2{
    padding: 20px;
}
.about2 div{padding: 40px 20px;}
@media (max-width:425px){
	.about-content{margin: 20px 0;}
	.page-about{padding: 0;}
}

.category{display:flex;justify-content:space-between;flex-wrap:nowrap;margin-top: 50px;}
.category li{min-width:12%}
.category a{display:block;background:#549867;color:#fff;text-align:center;line-height:46px;cursor:pointer}
.category .on a,.category a:hover{background:#FEA418}
.prolist{margin-top:20px}
.prolist li{width:calc(25% - 20px);box-sizing:border-box;margin-bottom:40px}
.prolist .pic a{display:block;overflow:hidden}
.prolist .pic img{display:block;max-width:100%;transition:0.5s all}
.prolist .tit a{display:block;background: #549867;color:#fff;text-align:center;line-height:50px;padding:0 10%;}
.prolist li:hover .pic img{transform:scale(1.2)}
.prolist li:hover .tit a{background:#FEA418;}
.pages{display:flex;justify-content:center;align-items:center;margin:50px 0 50px}
.pages .page{margin-right:5px;width: unset;border: 0;}
.pages a,.pages span{border:1px solid #F1F1F1;width:30px;line-height:28px;text-align:center;margin:0 4px;color:#666}
.pages .page-num-current,.pages a:hover{border:1px solid #549867;background:#549867;color:#fff}
@media (max-width:768px){
	.category{flex-wrap:wrap;margin: 20px -10px 0;}
	.category li{width:25%;font-size:14px;line-height:40px;}
	.prolist li{width:49%}
	.pages{margin:20px 0}
	.pages .page{display: none;}
}
@media (max-width:425px){
	.prolist li{width:100%}
	.pages .page{display:none}
}

.con-img img{display:block;max-width:100%;margin:0 auto;border: 1px solid #656565;}
.con-tit{text-align:center;font-size:30px;margin:20px 0}
.prevnext{margin:50px 0;display:flex;justify-content:center;line-height:1;margin:50px auto}
.prev{display:flex;align-items:center}
.prev i{display:block;width:22px;height:8px;background:url(../images/icon-iconfont.png);background-position:-98px -7px;margin-right:10px}
.current{border-right:1px solid #ccc;border-left:1px solid #ccc;padding:0 40px;margin:0 30px}
.next{display:flex;align-items:center}
.next i{display:block;width:22px;height:8px;background:url(../images/icon-iconfont.png);background-position:-98px -15px;margin-left:10px}
@media (max-width:768px){
	.con-tit{font-size: 20px;}
	.current{padding:0;flex:1;text-align:center}
}

.caselist{margin-top:20px}
.caselist li{width: 25%;box-sizing:border-box;padding:0 10px;margin-bottom:20px;}
.caselist a{display:block;border:1px solid #656565;overflow:hidden;position: relative;}
.caselist .case-img{overflow: hidden;}
.caselist .case-img img{display:block;max-width:100%;transition: 0.5s all;}
.caselist .case-title{background: rgba(0,0,0,0.5);text-align:center;color:#fff;line-height:40px;position: absolute;width: 100%;bottom: 0;}
.caselist a:hover{border-color:#549867}
.caselist a:hover .case-img img{transform: scale(1.2);}
.caselist a:hover .case-title{background:#549867}
@media (max-width:768px){
	.caselist li{width:49%}
	.caselist .con{padding:20px 20px 25px;background:#549867;color:#fff}
	.caselist .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){
	.caselist li{width:100%}
}

.newslist{margin-top:50px}
.newslist li{margin-bottom:10px}
.newslist li a{display:flex;background: #F9F9F9;align-items: center;}
.newslist .newsL{display:flex;align-items:center;background:#549867;max-width: 30%;margin-right: 10px;}
.newslist .newsL img{
    display: block;
    max-width: 100%;
}
.newslist .newsR{flex:1;box-sizing:border-box;}
.newslist .news-t{font-size:20px;font-weight:bold;padding-left:20px;background:url(../images/news-t.png) no-repeat center left;line-height: 1.5;}
.newslist .newsR time{color: #999;font-size: 14px;}
.newslist .news-desc{font-size:14px;line-height:1.6;color:#555;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslist li a:hover{background:#eee}

@media (max-width:768px){
	.newslist{margin-top:20px}
	.newslist li a{}
	.newslist .newsL{}
	.newslist .news-t{font-size: 16px;}
	.newslist .newsR{padding: 10px;}
	.newslist .newsR time{display:block}
	.newslist .news-desc{margin: 0;height: unset;}
}
.contact-content{margin:50px 0}
.contactL{width:40%}
.contactL li{display:flex;align-items:center;border-bottom:1px dashed #CFCFCF;padding:15px 10px}
.contactL i{margin-right:15px}
.contactL p{line-height:1.8;flex:1}
.contactL b{display:block;font-size:18px}
#map{width:56%;border:3px solid #C0C0C0}
@media (max-width:768px){
	.contact-content{margin:30px 0}
	.contactL{width:100%}
	.contactL li{padding:10px}
	.contactL p{line-height:1.6}
	#map{width:100%;margin:30px 0 0;height:400px}
}
@media (max-width:425px){
	#map{height:300px}
}

.img-name{background-image:url(../images/icon-name.png)}
.img-phone{background-image:url(../images/icon-phone.png)}
.img-content{background-image:url(../images/icon-content.png)}
#message{margin-top: 28px;width: 56%;}
#message ul{}
#message li{position:relative;margin-bottom: 25px;width: 100%;}
#message li:nth-child(3){}
#message span{position:absolute;left:0;top:0;display:block;width:49px;height:50px;background-repeat:no-repeat;background-position:center}
#name,#phone{line-height: 50px;border: 1px solid #DDDDDD;width:100%;background: #FCFCFC;padding-left:50px;font-family: arial;}
#content{display:block;line-height: 2;height: 179px;border:1px solid #B9B9B9;width:100%;background: #FCFCFC;padding: 10px 0 10px 50px;font-family: arial;}
.code{width: 49%;display:flex;justify-content:space-between;}
.code input{line-height: 50px;border:1px solid #B9B9B9;flex:1;background: #FCFCFC;}
.code img{display:block;width:100px;height:50px;margin-left:10px;cursor:pointer}
#sub-btn{border:0;width: 49%;line-height: 49px;background:#159B48;color:#fff;font-size:18px;cursor:pointer;}