@charset "utf-8";


#banner div,#banner{height:350px;position:relative;background-size:auto 100% !important}
.top{background:url(../images/title-bg.png) no-repeat center 0;padding-top:33px;height:168px;overflow:hidden;box-shadow:0 0 10px 5px #999}
.titlel{line-height:1}
.titlel .en{font-size:56px;font-weight:bold;color:#fff;padding-top:3px}
.titlel .en:first-letter{color:#FFF000}
.titlel .cn{font-size:20px;color:#fff;margin-top:21px}
.titler{padding:21px 0 32px 80px;background:#fff;border-radius:100px 0 0 100px;position:relative}
.titler:after{display:block;content:'';position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff}
.titler .en{color:#5C8D00;font-size:24px;font-weight:bold;display:flex;justify-content:space-between;border-bottom:2px solid #E4EDD2}
.titler .en:after{content:'+';font-weight:bold;color:#333;margin-right:15px}
.titler .phone{font-size:26px;font-weight:bold;color:#333;padding:0 8px 0 6px}
.titler .phone span{font-size:28px;color:#5C8D00;font-weight:bold}
@media (max-width:1024px){
	#banner{height:250px}
	.top{padding-top:18px;height:125px}
	.titlel .en{font-size:40px}
	.titlel .cn{font-size:16px;margin-top:15px}
	.titler{padding:5px 0 16px 50px}
	.titler .phone{font-size:20px}
	.titler .phone span{font-size:24px}
}
@media (max-width:768px){
	#banner{height:150px}
	.top{height:105px}
	.titlel .en{font-size:26px}
	.titlel .cn{font-size:14px}
	.titler .en{font-size:18px}
	.titler .phone{font-size:16px}
	.titler .phone span{font-size:20px}
}
@media (max-width:425px){
	#banner{height:100px}
	.top{height:70px;padding-top:8px}
	.titlel .en{font-size:20px}
	.titlel .cn{margin-top:10px}
	.titler{display: none;}
	.titler .en{font-size:14px}
	.titler .phone{font-size:14px;padding:0}
	.titler .phone span{font-size:14px}
}
.page-about{padding-bottom:50px;background: #F8F8F8;}
.about-content{position:relative;background:#fff}
.about-content:before{display:block;content:'';width:34px;height:327px;background:url(../images/company.png);position:absolute;left:-49px;top:50%;margin-top:-150px}
.about-content p{font-size:18px;color:#444;line-height:2.4;text-indent:2em}
.about1{flex-wrap:nowrap;align-items:flex-end}
.about1 div{padding:0 10px 0 40px}
.about2{flex-wrap:nowrap;align-items:flex-end}
.about2 div{padding:0 20px 0 20px}
@media (max-width:1200px){
	.about-content:before{display:block;content:''}
	.about-content p{font-size:16px;line-height:2}
}
@media (max-width:1024px){
	.about-content:before{display:block;content:''}
	.about1 img{width:50%}
	.about-content p{font-size:14px}
}
@media (max-width:768px){
	.about-content:before{display:block;content:''}
	.about-content p{line-height:1.5}
}
@media (max-width:425px){
	.page-about{padding-top:20px;padding-bottom:20px}
	.about-content:before{display:block;content:''}
	.about1{flex-wrap:wrap}
	.about1 img{width:100%}
	.about1 div{padding:10px 0}
	.about2{flex-wrap:wrap}
	.about2 img{width:100%}
	.about2 div{width:100%;padding:0 0 20px 0}
}

.category{margin:40px 0 40px}
.category li{}
.category a{display:block;background:#E5E5E5;color:#333;text-align:center;font-size:18px;padding:0 25px;margin-right:10px}
.category a:hover,.category .on a{background:#8BBD2A;color:#fff}
.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;background:#F6F6F6;}
.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}
.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 #8BBD2A;background:#5E8F00;color:#fff}
@media (max-width:768px){
	.category{}
	.category li{}
	.category a{display:block}
	.category a:hover,.category .on a{}
	.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}
	.pages{margin:20px 0}
	.pages .page{}
	.pages a{}
	.pages .page-num-current{}
}
@media (max-width:425px){
	.category{
    justify-content: space-between;
}
	.category li{
    width: 48%;
    margin-bottom: 10px;
}
	.category a{padding: 0;font-size: 14px;margin: 0;}
	.category a:hover,.category .on a{}
	.prolist li{width:100%}
	.pages{}
	.pages .page{display:none}
	.pages a{}
	.pages .page-num-current{}
}

.con-img img{display:block;max-width:100%;margin:0 auto}
.con-tit{text-align:center;font-size:30px;margin: 20px 0 0;}
.time{
    text-align: center;
    font-size: 14px;
    color: #666;
}
.prevnext{margin:50px 0;display:flex;justify-content:center;line-height:1;max-width:400px;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:26px}
	.current{padding:0;flex:1;text-align:center}
}
.newslist{margin-top:50px}
.newslist a{display:flex;padding:20px 10px}
.newslist .time{line-height:1.5;margin-right:30px;display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.newslist .time span{display:block;font-size:26px;width:100%}
.newslist .time i{font-style:unset;font-size:14px}
.newslist .img{margin-right:30px;overflow:hidden}
.newslist .img img{display:block;max-height:130px;transition:0.5s all}
.newslist .newsR{flex:1}
.newslist .newsR h4{margin-bottom:10px}
.newslist .newsR p{font-size:14px;line-height:1.5}
.newslist .news-more{width:46px;height:46px;background:#F4F4F4;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-left:30px}
.newslist .news-more span{display:block;width:6px;height:10px;background:url(../images/icon-iconfont.png);background-position:-54px -23px}
.newslist li:hover{background:#eee !important}
.newslist a:hover .time{color:#000}
.newslist a:hover .img img{transform:scale(1.1)}
.newslist a:hover .newsR p{color:#000}
.newslist a:hover .news-more{background:#8BBD2A}
.newslist li:nth-child(even){background:#FAFAFA}
@media (max-width:1024px){
	.newslist li:nth-child(even){background:#FAFAFA}
}
@media (max-width:768px){
	.newslist li:nth-child(even){background:#FAFAFA}
}
@media (max-width:425px){
	.newslist a{flex-wrap:wrap}
	.newslist .time{display:none}
	.newslist .time span{display:inline;font-size:16px}
	.newslist .time i{font-size:16px}
	.newslist .time i:after{content:'-'}
	.newslist .img{width:100%;margin:0 0 10px 0}
	.newslist .img img{max-height:unset;max-width:100%}
	.newslist .newsR{width:100%;flex:unset}
	.newslist .newsR h4{font-size:16px;margin-bottom:0}
	.newslist .news-more{display:none}
	.newslist li:nth-child(even){background:#FAFAFA}
	.newslist li{background:#eee !important;margin-bottom:15px}
}

.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}
}
.content .con img{max-width:100%}