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

#banner{
}
.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){
	.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){
	.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{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){
	.page-about{padding-top:20px;padding-bottom:20px}
}

.category{margin:40px auto}
.category li{margin:0 20px;}
.category a{display:block;padding:5px 35px;font-size:18px;border:1px solid #d5d5d5;border-radius:6px; margin-bottom:5px;}
.category a:hover,.category li.on a{color:#fff;background:#970009;}
.prolist{margin-top:20px}
.prolist li{width: 25%;box-sizing:border-box;padding:0 10px;margin-bottom:20px;}
.prolist a{display:block;border:1px solid #656565;overflow:hidden}
.prolist .pro-img{overflow: hidden;}
.prolist .pro-img img{display:block;max-width:100%;transition: 0.5s all;}
.prolist .pro-title{background: #e0b942;text-align:center;color:#fff;line-height:40px;}
.prolist a:hover{border-color:#970009}
.prolist a:hover .pro-img img{transform: scale(1.2);}
.prolist a:hover .pro-title{background:#970009}
/* .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 #970009;background:#970009;color:#fff} */
@media (max-width:768px){
	.category{margin: 20px auto;}
	.category li{margin: 0 5px;}
	.category a{padding: 3px 20px;font-size: 14px;}
	.prolist li{width:49%}
	.prolist .con{padding:20px 20px 25px;background:#970009;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{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}
.prevnext p{margin:0px 20px;}
.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:#970009}
.caselist a:hover .case-img img{transform: scale(1.2);}
.caselist a:hover .case-title{background:#970009}
@media (max-width:768px){
	.caselist li{width:49%}
	.caselist .con{padding:20px 20px 25px;background:#970009;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;}
.newslist .newsL{display:flex;align-items:center;background:#970009;width: 150px;}
.newslist .newsL .time{font-size: 26px;line-height:1.5;text-align:center;width:186px;color:#fff;}
.newslist .newsL .time span{display:block;font-weight:bold}
.newslist .newsR{flex:1;box-sizing:border-box;padding: 20px 20px;}
.newslist .news-t{display:flex;justify-content:space-between}
.newslist .news-t span{font-size:20px;font-weight:bold;padding-left:20px;background:url(../images/news-t.png) no-repeat center left}
.newslist .news-t time{color:#B1B1B1;display: none;}
.newslist .news-t i{font-weight:bold;font-style:normal}
.newslist .news-desc{font-size:14px;line-height:1.6;height: 3.2em;margin-top:10px;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 .news-t span{font-size: 18px;}
	.newslist .newsL{display:none}
	.newslist .newsR{padding: 10px;}
	.newslist .news-t time{display:block}
	.newslist .news-desc{margin: 0;-webkit-line-clamp: 4;height: unset;}
}
@media (max-width:768px){
	.newslist .news-t{display:block;}
	.newslist .news .news-t time{display:block}
}
.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;}