.pgbanner{
	height:300px;
	background-color:#fff;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 100px;
	position:relative;
	animation-name: pimg;
	animation-duration:3s;
	animation-fill-mode:forwards;
	animation-timing-function:ease;
	}
.pgb1{background-image: url(../images/pgban1.jpg);}
.pgb2{background-image: url(../images/pgban2.jpg);}
.pgb3{background-image: url(../images/pgban3.jpg);}
.pgb4{background-image: url(../images/pgban4.jpg);}
.pgb5{background-image: url(../images/pgban5.jpg);}
.pgb6{background-image: url(../images/pgban6.jpg);}
.pgbanner .pbtit{
	padding-top:100px;
	opacity:0;
	animation-name: pbt;
	animation-duration:2s;
	animation-fill-mode:forwards;
	animation-timing-function:ease-out;
	}
.pgbanner .pbtit p{font-size: 36px;margin-top: 5px;}
@keyframes pimg {
  from {
	opacity:.5;
  }
  to {
	opacity:1;
  }
}
@keyframes pbt {
  from {
	transform: translateX(-200px);
	opacity:0;
  }
  to {
	transform: translateX(0px);
	opacity:1;
  }

}
.pgbanner .text{
	float:left;
	margin-top:90px;
	margin-right:30px;
	position:relative;
	z-index:9;
	}
.pgbanner .text h3{
	font-size:40px;
	color:#fff;
	}
.pgbar{
	width: 100%;
	height: 40px;
	background-color: rgba(0,77,160,.9);
	position: absolute;
	left: 0px;
	bottom:0px;
}
.breadcrumb{
	float: left;
	font-size:12px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px 0 30px;
	color: #fff;
	box-sizing:border-box;
	position: relative;
	}
.breadcrumb i{
	display:block;
	float:left;
	width:17px;
	height:21px;
	background:url(../images/ico-add2.png) no-repeat 0 2px;
	background-size: auto 18px;
	position: absolute;
	left: 15px;
	top: 9px;
	}
.breadcrumb a{color: #fff; margin:0 8px;}
.breadcrumb a:last-child{color: #c8e2ff;}
.pgnav{
	float: right;
	height:40px;
	overflow-y: hidden;
	}
.pgnav a{
	display:block;
	float: left;
	height:40px;
	line-height: 40px;
	padding: 0 25px;
	color: #fff;
	position: relative;
}
.pgnav a:hover{background-color:rgba(255,255,255,.1);}
.pgnav a.cur{color:#004da0; background-color: #fff;	box-shadow: 0px 0px 10px rgba(0,0,0,.6);}


.pgmain{
	margin-top:50px;
	margin-bottom: 50px;
	background-color:#fff;
	}
.pgtit{font-size: 26px;margin-bottom: 40px;}
/**************ABOUT*****************/
#pg-about .pgab1{height: 500px;}
#pg-about .pgab1 .fl{width: 750px;font-size: 14px; line-height: 30px;}
#pg-about .pgab1 .fl p{margin-bottom: 10px;}
#pg-about .pgab1 .fr{width: 410px;height:400px;background: url(../images/pgabout2.jpg) no-repeat 85% center fixed;}
#pg-about .pgab1 .fr img{margin-top: 100px;}

#pg-about .pgmid1{height: 300px;background: url(../images/pgabout3.jpg) no-repeat center bottom fixed;}
#pg-about .pgmid1 ul li{float: left;width:300px;height: 240px; color: #fff;text-align: center;padding-top: 30px;margin:30px 49px 0 49px; box-sizing: border-box;border: 1px solid transparent;border-radius: 5px;transition: all .3s;}
#pg-about .pgmid1 ul li h3{font-size: 20px;font-weight: normal;}
#pg-about .pgmid1 ul li p{ font-size:14px;margin-top: 10px;}
#pg-about .pgmid1 ul li:hover{border-color: #fff;background-color: rgba(255,255,255,0.1);box-shadow: 0 5px 8px rgba(0,0,0,.3);}
#pg-about .pgab-cer{height: 350px; padding-top:80px;}
#pg-about .pgab-cer .fl{width:410px; line-height: 30px;margin-top: 20px;}
#pg-about .pgab-cer .fl h3{color:#004da0;font-size: 30px;font-weight: bold;margin-bottom: 15px;}
#pg-about .pgab-cer .fl h3 span{color: #ddd;font-family: "仿宋";margin-left: 20px;}

#pg-about .pgab-cer .fl b{color:#004da0;margin: 0 3px;}
#pg-about .pgab-cer .fr li{float: left;width: 210px;height: 292px;background-color: #ddd;border: 1px solid #fff;padding: 10px; margin-left: 15px;transition: all .3s;}
#pg-about .pgab-cer .fr li img{height: 292px;width: 210px;}
#pg-about .pgab-cer .fr li:hover{background-color: #fff;border: 1px solid #ddd;}


#pg-about .pgab-cer a.more{display: block;width: 130px;height: 40px;text-align: center;line-height: 40px; border: 1px solid #ddd;border-radius: 3px;background-color: #f5f5f5;margin-top: 20px;}
#pg-about .pgab-cer a.more:hover{background-color: #fff; border: 1px solid #fff;box-shadow: 0 3px 15px rgba(0,0,0,.3);}

/**************ABOUT END*****************/
/**************资质证书*****************/
#pg-cert .cert-list{ margin-top:30px;}
#pg-cert .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;}
#pg-cert .cert-list>li:hover{background:#eee;}
#pg-cert .cert-list>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
#pg-cert .cert-list>li>a:after{display:block; content:''; width:100%; position:absolute; left:0; bottom:-60px; height:50px; background:#004da0; z-index:1; transition:all .3s;}
#pg-cert .cert-list>li>a>.img{width:auto; height:240px; margin:auto; margin-top: 20px; text-align:center; overflow:hidden;}
#pg-cert .cert-list>li>a>.img>img{width:auto; height:100%;}
#pg-cert .cert-list>li>a>.tit{height:60px; 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-cert .cert-list>li>a:hover:after{bottom:0px;}
#pg-cert .cert-list>li>a:hover>.tit{color:#fff; line-height:72px;}

/**************资质证书END*****************/

/**************NEWS*****************/
#pg-news .newslist{margin-top:0;}
#pg-news .newslist li{margin-bottom:15px;}
#pg-newsview .newsfl{float: left;width: 800px;}
#pg-newsview .newsfr{float: right;width:280px;}
.newsfr .hotnews dt{font-size: 18px;padding-bottom: 10px; border-bottom: 1px solid #ddd;margin-bottom: 8px;}
.newsfr .hotnews dd a{display: block;font-size: 14px; height: 30px;line-height: 30px;padding-left: 15px; white-space: nowrap;	text-overflow: ellipsis;	overflow: hidden;position: relative;}
.newsfr .hotnews dd a:before{content: " ";display: block;width: 5px;height:5px;border-radius:50%;position: absolute;left: 0;top: 13px;background-color: #999;}
.newsfr .hotnews dd a:hover:before{background-color:#004da0; }

#pg-newsview .newstit{
	color:#333;
	font-size:30px;
	font-weight:normal;
	text-align: center;
	}
#pg-newsview .news-info{
	font-size:12px;
	color:#999;
	border-bottom:4px solid #eee;
	margin-top:8px;
	padding-bottom:10px;
	text-align: center;
	}
#pg-newsview .newscon{
	margin-top:20px;
	line-height:24px;
	color:#444;
	}
#pg-newsview .newscon p{margin-bottom: 15px;}
#pg-newsview .newscon img{max-width: 100%;}
#prevnext{text-align: center; margin:60px auto 50px auto; position:relative; font-size:13px; border-top:1px solid #eee; padding-top:15px;}
#prevnext a{
	display:inline-block;
	width: 120px;
	font-size: 12px;
	color: #999;
	border-radius:3px;
	background-color:#eee;
	margin-top:11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	}
#prevnext a.prev{text-align: left;padding:10px 10px 10px 30px;}
#prevnext a.next{text-align: right;padding:10px 30px 10px 10px;}
#prevnext a.more{width: 40px;padding:10px;	}
#prevnext a b{display: block; width: 10px;height: 10px; font-family:"宋体";font-size: 16px; position: absolute;top: 10px;}
#prevnext a.prev b{left: 10px;}
#prevnext a.next b{right:10px;}

#prevnext a:hover{background-color: #004da0;color: #fff;}

/**************NEWS END*****************/


/******************DOWNLOAD******************/
#pg-down .downitem .none{line-height: 30px;color: #999; padding: 20px;}
#pg-down .downitem{float: left; width: 580px;min-height: 300px; border: 1px solid #ddd;}
#pg-down .downitem:nth-child(odd){float: right !important;}
#pg-down .downitem .hd{height: 60px;line-height: 60px;color: #004da0;font-size:18px; padding: 0 20px; border-bottom:3px solid #eee;}
#pg-down .downitem .hd img{margin-right: 3px;}
#pg-down .downitem ul{padding: 20px;}
#pg-down .downitem ul li{border-bottom: 1px solid #eee;}
#pg-down .downitem ul li:last-child{border-bottom:none;}
#pg-down .downitem ul li a{display: block;height:50px;line-height:50px;position: relative;cursor: pointer;}
.downitem li a .tit{display: inline-block; font-size: 14px;}
.downitem li a .type{display: inline-block; font-size: 14px;margin-left: 5px;}
.downitem li a i{display: block; width:30px;height: 30px; position: absolute;right: 0;top:10px;background: #eee url(../images/pgdown2.png) no-repeat 0 -30px;transition: all .3s;}
.downitem li a:hover i{background:#004da0 url(../images/pgdown2.png) no-repeat 0 0px;}

/******************DOWNLOAD END******************/

/************PRODUCT************/
.catemain{background: url(../images/indser1.jpg) no-repeat center center fixed;}
.catemain .cateitem{height: 380px; background-color: #fff;padding:30px 0;}
.catemain .cateitem .img{float: right;width:500px; height:380px;overflow: hidden;}
.catemain .cateitem .img img{margin-top: -30px;}
.catemain .cateitem .con{float: left;width:560px; height:310px;padding-top:70px; overflow: hidden;}
.catemain .cateitem .con h3{font-size:28px;font-weight: normal;position: relative;}
.catemain .cateitem .con p{height:95px; font-size:14px;color: #999;line-height: 24px;margin-top: 15px;overflow: hidden;}
.catemain .cateitem .con a.more{display: block;width: 120px;height: 40px;color: #004da0;text-align: center;line-height: 40px;border-radius: 3px;background-color: #eee;  margin-top:40px;}
.catemain .cateitem .con a.more:hover{background-color: #004da0;color: #fff;}
.catemain .cateitem:nth-child(even){background-color:inherit;}
.catemain .cateitem:nth-child(even) .img{float: left;}
.catemain .cateitem:nth-child(even) .con{float: right;color: #fff;}
.catemain .cateitem:nth-child(even) .con p{color: #fff;}
/*
.proleft{float: left; width: 250px;}
.sidenav li a{display: block;height: 60px;font-size: 14px; line-height: 60px;background-color: #eee; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;padding:0 15px;}
.sidenav li a .img{float:left; width: 60px;height: 60px;margin-right: 8px;}
.sidenav li a .img img{width: 60px;}
.sidenav li a:hover{background-color: #ffecec;}
.sidenav li.cur a{background-color: #004da0;color: #fff;}
.sidenav li.cur .img img{margin-top: -60px;}

.proright{float: right; width: 900px;}*/
.prolist li{float: left; width: 300px;height:352px;}
.prolist li a{display: block; width:298px;height: 350px;border: 1px solid #fff; overflow: hidden; position: relative;}
.prolist li .img{width:298px;height: 298px;text-align: center; overflow: hidden;}
.prolist li .img img{width: auto;height: 298px;}
.prolist li .tit{height:50px;font-size: 16px;line-height: 52px;text-align: center; padding:0 10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 1;}
.prolist li .bg{width:300px;height: 50px;background-color: #004da0; position: absolute;left:0;bottom: -60px;z-index: 0;transition: all .2s;}
.prolist li a:hover{border-color: #004da0;}
.prolist li a:hover .tit{color: #fff;}
.prolist li a:hover .bg{bottom:0px;}

#pg-proview{position: relative;}
#pg-proview .protit{font-size:28px;color: #004da0;}
#pg-proview .protit .back{display: block;float: right;width: 100px;height: 36px;font-size: 14px;line-height:36px;text-align: center;background-color: #eee;}
#pg-proview .protit .back:hover{color: #fff; background-color: #004da0;}
#pg-proview .proimg{width: 560px;height: 560px;float: right;position: relative;overflow: hidden;}
#pg-proview .proimg .swiper-proimg .swiper-slide img{width: 560px;height: 560px;}
#pg-proview .proimg .swiper-pagination-bullet{
	width:20px;
	height:6px;
	background-color: #fff;
	opacity: .8;
	border-radius: 0;
	transform: skewX(30deg);
	transition: all .3s;
}
#pg-proview .proimg .swiper-pagination-bullet-active{width:35px;background-color:#004da0;}
.protags{margin-top: 30px;}
.tags_title {
  color: #004da0 !important;
	font-size:18px;
	padding-left: 0px !important;
  font-weight: normal !important;
	border-bottom: 1px solid #eee !important;
	}
.protags div:nth-child(3),.protags div:nth-child(5){width: 600px;}
.tags_content img{max-width:100%;}
.tags_content table{width:100%;}
.tags_content table tr:first-child td{
	background-color:#16A5AD !important;
	color:#fff !important;
	}
.tags_content table td{
	border:1px solid #ddd;
	padding:5px;
	}
.tags_content table tr:hover{
	background-color:#f5f5f5;
	}
#pg-proview .pageurl{text-align:right;margin-top: 20px;}
#pg-proview .pageurl>a{ display:inline-block; margin-left:5px;font-size:14px; padding:10px 30px;background-color: #eee; transition:all .35s;}
#pg-proview .pageurl>a.back{ background:#004da0!important; border:1px solid #004da0; color:#fff!important;}
#pg-proview .pageurl>a.no{ color:#ddd!important;}
/************PRODUCT END************/

/************CASE************/
.caselist{width: 1230px;}
.caselist li{float: left; width: 380px;height: 270px;margin-right: 30px;margin-bottom: 20px; overflow: hidden;}
.caselist li a{display: block;width: 380px;height: 270px;overflow: hidden;position: relative;}
.caselist .img{width: 380px;height: 270px;overflow: hidden;position: relative;z-index: 0;}
.caselist .img img{width: 380px;height: 270px;transition: all .3s;}
.caselist .con{width: 100%;height: 220px;color: #fff; position: absolute;left: 0;bottom: -54px;z-index: 9; padding:80px 20px 0 20px; box-sizing: border-box;background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));transition: all .2s;}
.caselist .con h3{font-size: 18px;font-weight: normal;}
.caselist .con p{height:40px;overflow: hidden; margin-top: 10px;}
.caselist .con b{display: block;width:90px; height:35px;line-height: 35px;font-weight: normal;text-align: center;background-color:#004da0; margin-top: 10px;}
.caselist .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .3s;
}
.caselist li a:hover .img img{transform: scale(1.1);}
.caselist li a:hover .bg{opacity:1;filter: alpha(opacity=1);}
.caselist li a:hover .con{bottom:0;}


/************CASE END************/






/************JOIN************/
#pg-join .hr{height: 480px; border-bottom: 1px solid #eee;padding-bottom: 30px;}
#pg-join .hr .wrap{height: 480px; background: url(../images/pgjoin1.jpg) no-repeat right 0;}

#pg-join .hr .fl{width: 700px;height: 430px; line-height: 24px;padding-top: 10px;padding-right: 15px; color: #999;background-color: #fff;overflow: hidden;margin-top: 20px;}
#pg-join .hr .fl .pgtit{color: #004da0;}
#pg-join .hr .fl h3{color: #004da0;margin-bottom:5px;margin-top:15px;}

#pg-join .join{margin-top:40px;}
.joinbox{border: 1px solid #ddd;padding: 30px;background-color: #fff;}


#pg-join .job-item{
	margin-bottom:10px;
	}
#pg-join .job-item dt{
	height:50px;
	line-height:50px;
	padding-left:20px;
	cursor:pointer;
	border-bottom: 1px solid #eee;
	transition:all ease-out .3s;
	position:relative;
	}
#pg-join .job-item dt span.tit{display: block;float: left; width: 600px; font-size:16px;color:#666;overflow: hidden;}
#pg-join .job-item dt span.date{display: block;float: right;color: #aaa;margin-right: 100px;}
#pg-join .job-item dt i {
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -mz-border-radius: 50%;
	}
#pg-join dl.cur dt i:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
#pg-join .job-item dt i:before {
    content: "";
    width: 40%;
    height: 2px;
    background-color: #999;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -20%;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    position: absolute;
}
#pg-join dl.cur dt i:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#pg-join .job-item dt i:after {
    content: "";
    width: 2px;
    height: 40%;
    background-color: #999;
    left: 50%;
    top: 50%;
    margin-top: -20%;
    margin-left: -1px;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    position: absolute;
}
#pg-join .job-item dt:hover{
	color:#16A5AD;
	}
#pg-join .job-item dd{
	display:none;
	color:#999;
	line-height:2em;
	padding:30px;
	background-color:#f5f5f5;
	}
#pg-join dl.cur dt span{color:#004da0;}




/************JOIN END************/
/************CONTACT************/
#pg-contact{margin-bottom: 0;}
#pg-contact .pgcbox1{height: 420px;}
#pg-contact .ft-contact{width:320px;font-size: 16px;margin-top:20px;}
#pg-contact .ft-contact .hotline{margin-bottom: 30px;padding-bottom: 20px;}
#pg-contact .ft-contact .hotline p{font-size: 18px;background:url(../images/banner1a.png) no-repeat 160px 5px;background-size: auto 12px;}
#pg-contact .ft-contact .hotline h3{font-size: 30px;}
#pg-contact .ft-contact .conft p{padding-left:35px;margin-bottom:20px;}
.pagemap{
	float: right;
	width:720px;
	height:460px;
	border:1px solid #eee;
	border-radius:5px;
	box-sizing: border-box;
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
	overflow:hidden;
	}
#map{width:100%;height: 520px;margin-top: -40px;}

/******************FEEDBACK******************/
.pg-feedback{border-top:180px solid #004da0;margin-top:-70px;padding-top: 40px;padding-bottom: 40px; background-color: #f5f5f5;}
.formbox{padding: 30px;background-color: #fff;box-sizing: border-box;}
.formbox .fm-item{
	display:block;
	border:1px solid #ddd;
	transition:all ease-in .2s;
	overflow:hidden;
	margin-bottom:20px;
	}
.pg-feedback .formbox .fl{
	float:left;
	width:450px;
	}
.pg-feedback .formbox .fr{
	float:right;
	width:670px;
	}
.pg-feedback .formbox .fr .fm-item{
	height:322px;
	}
.formbox .fm-item input[type="text"],.formbox .fm-item textarea{
	width:100%;
	height:100%;
	padding:15px;
	border:none;
	background-color:inherit;
	box-sizing:border-box;
	}
.formbox .fm-item #checksn{
	width:60%;
	}
.formbox .fm-item #checkimg{
	float:right;
	width:80px;
	height:auto;
	margin-right:15px;
	margin-top:8px;
	}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
	color: #aaa;
	}
.formbox .fm-item input[type="text"]:focus,.formbox .fm-item textarea:focus{
	background-color:#fff;
	border-color:#c60917;
}
.formbox .btnbox{
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
	background-color:#333;
	transition:all ease-in .2s;
	}
.formbox .btnbox .btn{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	}
.fm-item:hover{
	border-color:#aaa;
	box-shadow:0px 3px 8px rgba(0,0,0,.2);
	background-color:#fff;
	}
.formbox .btnbox:hover{
	background-color:#004da0;
	}
/******************FEEDBACK END******************/

/***************分页*************/
.pagewrap{
	text-align:center;
	margin-top:20px;
	padding-bottom:10px;
	padding-top:20px;
	border-top:1px solid #ddd;
	}
.pagebtn {
    width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
	border-radius:4px;
}
.pagebtnA{
	background:#c60917 !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;
}