.pgbanner{height:500px;overflow: hidden;position: relative;z-index:9;background-color: #555;}
.pgbanner .banimg{height:500px;background-position: center bottom;background-repeat: no-repeat;position:relative;animation-name: pimg;
	animation-duration:5s;animation-fill-mode:forwards;animation-timing-function:ease;opacity: .5;position: relative;z-index: 0;
	}
.pgbanner .text{position: absolute;left:50%;top:50%;z-index: 9;margin-left: -600px;text-align: center;}
.pgbanner .text h3{font-size:5rem;font-weight:normal;text-align: center;text-transform:uppercase; color: rgba(255,255,255,1); line-height: 40px;text-shadow: 0px 0px 10px rgba(0,0,0,0.4);display: inline-block;width: 100%;}
.pgbanner .text .arrow{margin-top: 20px;animation: arrow 2s ease infinite;}


.textUp{animation: moveUp 1s ease;animation-fill-mode: both;}
.textDown{animation: moveDown 1s ease; animation-fill-mode: both;}
@keyframes arrow{
    0% {transform: translateY(-10px);opacity: 0;}
	90% {transform: translateY(0px);opacity: 1;}
	100% {transform: translateY(-4px);opacity: 0;}
}
@keyframes moveUp{
    0% {transform: translateY(-10px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateY(0px);opacity: 1;}
}
@keyframes moveDown{
    0% {transform: translateY(10px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@keyframes pimg {
  from {
	transform: scale(1.1);
	opacity: .5;
  }
  to {
	transform: scale(1);
	opacity: 1;
  }
}


.pgTbar{position: relative;border-bottom: 1px solid #ddd;padding: 10px 0;}
.pgtit1{float: left; color: #888;font-size: 4rem;position: relative;}
.pgtit1 span{display: block;height:4px;width:40%;position: absolute;left:500%;;bottom:-12px;z-index: 9;overflow: hidden;opacity: 0; animation: fdin 1.5s ease-in .2s;animation-fill-mode:forwards;}
.pgtit1 span::before{display: block;content: " "; height:4px;width:600%;position: absolute;left: 0;bottom:0;z-index: 9;background: #aacd06 linear-gradient(to right, #aacd06 0%,#efe90e 50%,#aacd06 100%); animation: bgcolor 2s ease infinite;}
@keyframes bgcolor{
    0% {left: 0;}
    100% {left: -500%;}
}
@keyframes fdin{
    0% {left:500%;opacity: 0;}
    100% {left:0;opacity: 1;}
}


.crumbs{float: right; color: #999;font-size:1.4rem;position: relative;padding-left: 20px;margin-top:25px;}
.crumbs img{width: 14px;position: absolute;left: 0;top:-2px;}
.crumbs a{color: #666;margin: 0 3px;}
.crumbs a:hover{color: #aacd06;}
.crumbs:hover img{animation: xuanzhuan 1.2s;}
.pgmain{
	color: #888;
	padding-top:50px;
	background-color: #fff;
	box-sizing: border-box;
	}

/************ABOUT************/
#pg-about{padding:0;padding-bottom: 40px;}
#pg-about .abbox1{font-size:1.4rem; line-height: 200%;}
#pg-about .abbox1 p{margin-bottom: 20px;}

#pg-about .tit{color: #005bac;font-size: 24px;font-weight: normal;margin-bottom: 10px;}

.about2{height: auto; background: #fff url(../images/abimg3.jpg) no-repeat center 20px;position: relative; margin-bottom: 30px;overflow: hidden;
border-bottom: 1px solid #d4dada;}
.about2 > div{height:240px;display: flex;justify-content: center;align-items:center;}
.about2 dl{float: left;font-size: 1.6rem; width:33.3%;padding-left:0;text-align: center;}
.about2 dl dt{font-size:5rem;height: 64px; color: #aacd06;font-weight: bold;}

#pg-about .midbar{height:170px;background: url(../images/about1.jpg) no-repeat center center fixed;background-size: cover; margin-bottom: 30px;display: flex;align-items:center;justify-content:space-between;}
#pg-about .midbar img{max-width: 80%;margin: 0 auto;}

/************honor************/
#pg-certificate{padding:40px 0;}
#pg-certificate .cert-list{margin-top: 30px;}
#pg-certificate .cert-list>li{width:20%; height:320px; border:1px solid #eee; margin:0 0 -1px -1px; float:left; transition:all .3s; box-sizing:border-box;background-color: #fff;}
#pg-certificate .cert-list>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
#pg-certificate .cert-list>li>a>.img{width:auto; height:240px; margin:auto; margin-top: 20px; text-align:center; overflow:hidden;}
#pg-certificate .cert-list>li>a>.img>img{max-width:90%;max-height:100%;}
#pg-certificate .cert-list>li>a>p{height:50px; padding:0 10px; line-height:48px; text-align:center; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
#pg-certificate .cert-list a:after{ position:absolute; z-index:9; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0) url("../images/icon-zoom.png") no-repeat; background-position:50% -50%; content:''; transition:all .35s;}
#pg-certificate .cert-list a:hover:after{background:rgba(0,0,0,.7) url("../images/icon-zoom.png") no-repeat;background-position:50% 50%;}

#tablist{height: 40px;}
#tablist li{color: #333;float: left;font-size: 1.6rem;cursor: pointer;padding: 10px 20px;background-color: #eee;}
#tablist li.tabin {color:#fff;background-color:#aacd06;}
.content-box{position: relative;}
.content {clear:both;display: none; opacity:0;transition:all ease .3s;}
.cur{display:block;opacity:1;}

/************产品************/
#pg-product{padding-bottom: 40px;}
.catelist li{width: 50%;float: left;box-sizing: border-box;padding: 0 2%;margin-bottom:25px;}
.catelist a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;}
.catelist .img{width: 100%;text-align: center; position: relative;z-index: 9;transition: all .8s;transform:translateX(-8px);}
.catelist .img img{max-width: 100%;}
.catelist .name{text-align: center;font-size: 1.8rem;}
.catelist .bg{width:100%;height:80%;position: absolute;left:0;top:0;z-index: 0;background-color: #aacd06;border-radius: 0 0 30px 0; overflow: hidden;}
.catelist .bg::before{display: block;content: " "; width:140%;height:100%;position: absolute;left:-10%;top:0;z-index:1;background:url(../images/indpro1.png) no-repeat 0 0;overflow: hidden;transition: all 3s;}

.catelist li a:hover .bg::before{left:-20%;}
.catelist li a:hover .img{transform:translateX(0px);}


.prolist{}
.prolist li{float: left; border: 1px solid #ddd; width: 18.8%; padding: 10px 3% 10px 2%;  margin-right: 1.3%; margin-bottom: 1.3%;position: relative;}
.prolist li i{display: block;height:3px;width:0%;position: absolute;left:0;bottom:0px;z-index: 9;overflow: hidden;opacity: 0;transition: all .3s;}
.prolist li i::before{display: block;content: " "; height:4px;width:600%;position: absolute;left: 0;bottom:0;z-index: 9;background: #aacd06 linear-gradient(to right, #aacd06 0%,#efe90e 50%,#aacd06 100%); animation: bgcolor 2s ease infinite;}
.prolist li a:hover i{opacity: 1;width: 100%;}

.prolist li:nth-of-type(4n) { margin-right: 0 !important;}
.prolist li a{display: block; width:100%;}
.prolist li a .img img{ width:100%;}
.prolist li a p{height: 40px;line-height: 40px; font-size: 1.4rem; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#pg-proview{padding-bottom: 40px;}

#pg-proview .pro-tit{font-size: 2rem;color: #333;text-align: center;}

#pg-proview .imgshow{ width:100%;max-width:600px; text-align:center;margin:0 auto;}
#pg-proview .imgshow>img{ width:100%; height:auto; margin:0 auto;}
#pg-proview .focus{ position:relative;}
#pg-proview .focus>.swiper-container{ position:relative; width:360px;; padding:20px 1px; margin:0 auto;}
#pg-proview .focus>.swiper-container .swiper-slide {float: left; cursor:pointer; height:60px; text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#pg-proview .focus>.swiper-container .swiper-slide img{width:100%;height:auto; border:1px solid #ddd;}
#pg-proview .focus>.swiper-container .swiper-slide img.A{ border:1px solid #7cbb30!important;}
#pg-proview .focus>.button-prev{ position:absolute;z-index:99; top:50%; left:17%;width:40px; height:40px; opacity:.8; cursor:pointer; background:url("../images/arrow-left-black.png") no-repeat; background-position:50% 50%; background-size:25px auto;}
#pg-proview .focus>.button-next{ position:absolute;z-index:99; top:50%; right:17%;width:40px; height:40px; opacity:.8; cursor:pointer; background:url("../images/arrow-right-black.png") no-repeat; background-position:50% 50%; background-size:25px auto;}
#pg-proview .focus .swiper-button-disabled{ opacity:.2;}

#pg-proview .tags{ padding:20px 0; margin:0 auto;margin-top: 30px;}
#pg-proview .tag-tit{margin:0 auto;border-bottom: 1px solid #ddd;}
#pg-proview .tag-tit li{float:left; height:50px; line-height:50px; margin:0; position:relative;}
#pg-proview .tag-tit li>a{ display:block; padding:0 15px; color:#333; font-size:1.6rem; position:relative;}
#pg-proview .tag-tit li>a:hover{color:#aacd06;}
#pg-proview .tag-tit li>a.A{color:#aacd06;border-bottom: 2px solid #aacd06;}
#pg-proview .tag-con{font-size:15px; margin:0 auto; color:#666; text-align:left;}
#pg-proview .tag-con div,#pg-proview .tag-con p{margin:20px 0; line-height:160%;}
#pg-proview .tag-con>.tit{ display:none;}
#pg-proview .tag-con .con{padding:10px; text-align:left; font-size:1.4rem; line-height:180%; display:none;}
#pg-proview .tag-con .con img{max-width:100%; height:auto;}
#pg-proview .tag-con table{width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; border-collapse:collapse;}
#pg-proview .tag-con table td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; padding:5px; transition:all .25s;}
#pg-proview .tag-con table td p,#pg-proview .tag-con table td div{margin:0;}
#pg-proview .tag-con table td:hover{background:#eee;}
#pg-proview .pageurl{ padding:50px 0; text-align:center;}
#pg-proview .pageurl>a{ display:inline-block; margin-left:10px; border:1px solid #ddd; border-radius:2px; font-size:14px; padding:8px 30px; transition:all .35s;}
#pg-proview .pageurl>a.back{ background:#aacd06!important; border:1px solid #aacd06; color:#fff!important;}
#pg-proview .pageurl>a.no{ color:#ddd!important;}



/************NEWS************/
#pg-news{}
.newslist li{height:auto;padding: 20px;background-color: #fff; margin-bottom:25px;overflow: hidden;border-radius: 5px;transition:all .35s;box-sizing: border-box;border: 1px solid #eee;}
.newslist li a{display:block;width: 100%;height:auto;}
.newslist li a .img{float: left; width:300px;border-radius:3px; overflow: hidden;margin-right: 30px;background: url(../images/none1.jpg) no-repeat center center;}
.newslist li a .img img{width:100%;height:auto;transition: All .5s ease;}
.newslist li a .con{display:block;float: right; width:820px;height: 200px;}
.newslist li a h3{font-weight: normal;font-size:2rem;color: #333;margin-top: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist li a p.text{font-size: 14px;line-height: 24px;color: #777; margin-top:20px;}
.newslist li a p.date{font-size: 12px;color: #999;margin-top: 15px;padding-left: 20px; background: url(../images/indnews1.png) no-repeat 0 2px;}
.newslist li a:hover .img img{transform: scale(1.1);}
.newslist li a:hover h3{color: #aacd06;}
.newslist li a:hover p.text{color: #333;}
.newslist li:hover{box-shadow: 5px 5px 35px rgba(0,0,0,.08);}

#pg-newsview{padding-bottom: 40px;}
#pg-newsview .newsT{text-align: center;font-size: 36px;color: #333;}
#pg-newsview .newssubT{font-size: 1.4rem; text-align: center;margin-top: 15px;color: #333;padding-bottom: 15px; border-bottom: 3px solid #eee;}
#pg-newsview .newsC{font-size: 14px; line-height: 2em;overflow: hidden;margin-top: 30px;min-height: 200px;}
#pg-newsview .newsC img{max-width: 100%;}

#pg-newsview #prevnext{width: 100%; }

#prevnext{text-align: center; position:relative; font-size:14px;padding-top:25px;}
#prevnext a{
	display:inline-block;
	width:100px;
	height: 45px;
	line-height: 45px;
	font-size:1.6rem;
	color: #999;
	background-color:#eee;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	overflow: hidden;
	}
#prevnext a i::before{display: none;content: " "; height:100%;width:600%;position: absolute;left: 0;bottom:0;z-index:8;background: #aacd06 linear-gradient(to right, #aacd06 0%,#efe90e 50%,#aacd06 100%);}
#prevnext a span{position: relative;z-index: 9;}
#prevnext a:hover{color: #fff;background-color: #aacd06;}
#prevnext a:hover i::before{display: block; animation: bgcolor 2s ease;animation-fill-mode:forwards;}




/************服务************/
#pg-support{padding-bottom: 40px;font-size:1.4rem;}
.supmid{height:150px;color:#fff;background:#aacd06 url(../images/support.jpg) no-repeat 80% center fixed;margin-top: 20px;margin-bottom: 10px; box-sizing: border-box;
padding-left:20px;display: flex;align-items:center;}
.supmid h3{font-size:4rem;}


#pg-support .supitem{margin-top:10px;transition: all .3s;padding: 20px 0;}
#pg-support .supitem dt{font-size:3rem;font-weight: bold;color:#aacd06;transition: all .3s;}
#pg-support .supitem dt span{font-family: Arial, Helvetica, sans-serif; font-weight:100;}
#pg-support .supitem:hover{background-color:#aacd06;color:#fff;padding:20px;}
#pg-support .supitem:hover dt{color: #fff;}
#pg-support .bigF{font-size:5rem;color:#aacd06;font-weight: bold;margin:0 5px;line-height:0;}


/************手动懒加载  开始***********/
#getmore{height:47px; margin:10px auto 50px auto; text-align:center;}
#getmore .loading-box{height:47px; text-align:center; line-height:47px; visibility:visible; display:none;}
#getmore .loading-box>div{width:12px; height:12px; background-color:#aacd06; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
#getmore .loading-box .bounce1{animation-delay:-0.32s;}
#getmore .loading-box .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100% {transform:scale(0.0);}
  40%{transform:scale(1.0);}
}

#getmore .handle{padding:0 45px; font-size:14px; color:#fff; background:#aacd06; height:42px; line-height:40px; display:none; transform:all .2s;}
#getmore .handle:hover{background:#aacd06;}

/************手动懒加载  结束***********/




/************CONTACT************/
#pg-contact{padding-bottom: 40px;}
#pg-contact .con {}
#pg-contact .con  dl{display:block;float: left; width:33.2%;height: 100%;color: #666;text-align: center; overflow: hidden;box-sizing: border-box;padding: 0 3%;position: relative;}
#pg-contact .con dl::after{display: block;content: " ";height:50px;width: 1px;background-color: #ddd;position: absolute;right:10px;
top:30px;}
#pg-contact .con dl:last-child::after{display: none;}
#pg-contact .con  dl dt{display: block;}
#pg-contact .con  dl dt span.iconfont{color: #aacd06;font-size:5rem;}
#pg-contact .con  dl dd{display: block;}
#pg-contact .con  dl dd h3{font-size: 1.6rem;font-weight: normal;margin-top: 20px;}
#pg-contact .con  dl dd p{font-size: 1.4rem; color: #999;}

#map{width: 100%;height: 500px;margin-top: 30px;box-sizing: border-box;border: 3px solid #eee;transition: all 1s;}
#map:hover{border: 3px solid #aacd06;}


/***************分页*************/
.pagewrap{
	text-align:center;
	margin-top:20px;
	padding:20px;
	}
.pagebtn{
    width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
	border-radius:4px;
}
.pagewrap .pageleft{float: none;}
.pagewrap .pageright{display: none;}
.pagebtnA{
		background:#3256a6 !important;
		color:#FFF !important;
		border:0px none !important;
		font-weight:normal !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 29px !important;
		border-radius:4px;
}


@media (max-width: 1200px) {}
@media (max-width: 992px) {}

@media (max-width: 768px) {}