@charset "utf-8";
.page-banner{overflow: hidden;}
.page-banner img{width: 100%;}
/* 
|----------------------
|   breadcrumb
|----------------------
*/
.pgs-breadcrumb{ padding: 20px 0; line-height: 30px; align-items: center; }
.pgs-breadcrumb b{display: inline-block; margin: 0 9px 0 5px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.pgs-breadcrumb a,
.pgs-breadcrumb span{margin: 5px 0; font-size: 18px; color: rgba(0,0,0,.5); white-space: nowrap;}
.pgs-breadcrumb span{color: #333;}
@media(max-width:768px){
	.pgs-breadcrumb{padding: 10px 0; height: auto;}
}

@media(max-width:640px){
	.pgs-breadcrumb a,
	.pgs-breadcrumb span{font-size: 14px;}
}


/* 
|----------------------
|   title
|----------------------
*/
.pgs-title {padding-bottom: 50px;}
.pgs-title h3 {position: relative; line-height: 1.2; font-size: 40px; color: #333;}
.pgs-title h4 {position: relative; font-size: 18px;line-height: 1.4; color: var(--default);  text-transform: uppercase;}
.pgs-title p { margin-top: 20px; font-size: 24px; line-height: 1.4;}
.pgs-title-white h3,
.pgs-title-white p {color: #fff;}
.pgs-title-center{text-align: center;}
@media (max-width:1200px) {
	.pgs-title {padding-bottom: 40px;}
	.pgs-title h3 { font-size: 28px;}
	.pgs-title p { margin-top: 10px; font-size: 20px; }
}

@media (max-width:768px) {
	.pgs-title h3 { font-size: 24px;}
	.pgs-title p { margin-top: 10px; font-size: 18px; }
}

@media (max-width: 640px) {
	.pgs-title {padding-bottom: 30px;}
	.pgs-title h3 { font-size: 22px;}
	.pgs-title p { margin-top: 5px; font-size: 16px; }
}

/* 
|----------------------
|   paging
|----------------------
*/
.paging{padding: 50px 0 100px; justify-content: center;}
.paging-nav a,
.paging-link{ position: relative; display: inline-block; margin:2px 8px; height: 46px; line-height: 44px; font-size: 18px; text-align: center; background-color: #fff; border: 1px solid #E6E6E6;}
/* hover */
.paging-link:hover,
.paging-link:hover{background-color: #666; color: #fff;}
/*  */
.paging-prev a,
.paging-next a{ padding: 0 15px;}
.paging-prev a i,
.paging-next a i{ position: absolute; top: 14px;  display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.paging-prev a i{left: 15px; border-right: none; border-top: none;}
.paging-next a i{left: 13px; border-left: none; border-bottom: none;}
/* hover */
.paging-prev a:hover i,
.paging-next a:hover i{border-color: #fff;}

/* active */
.paging-nav a{ width: 46px;}
.paging-nav a.active,
.paging-nav a:hover{ background-color: #666; border-color: #666; color: #fff;}

.paging-nav .page-num-current{background-color: #3C3C3C; color: #fff;}

.paging-tips{ padding:150px 0 250px; font-size:32px; text-align:center;}

@media (max-width:768px) {
	.paging-nav a,
	.paging-link{ margin:2px; height: 40px; line-height: 38px; font-size: 16px; }
	.paging-nav a{ width: 40px;}
	
	.paging-prev a,
	.paging-next a{ padding: 0 10px;}
	
	.paging{padding: 50px 0;}
	
	.paging-tips{ font-size:24px; }
}

@media (max-width:640px) {
	.paging-nav a,
	.paging-link{ margin:2px; height: 30px; line-height: 28px; font-size: 14px; }
	.paging-nav a{ width: 30px;}
	
	.paging-prev a,
	.paging-next a{ padding: 0 10px;}
	
	.paging{padding: 50px 0;}
}



/*  */
.fixed-online{position: fixed; bottom: 20px; right: 15px; z-index: 77;}

.fixed-online ul li{margin-bottom: 2px; width: 64px; text-align: center; cursor: pointer; transition: .3s;}
.fixed-online ul li a{position: relative; height: 64px ; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: var(--default); color: #fff; }
.fixed-online ul li i{font-size: 28px; }
.fixed-online ul li p{font-size: 12px; }

.fixed-online-way{position: absolute; bottom: 0; right: 66px; background-color: var(--default); transition: all .3s;}

.fixed-online #fixed-online-tel{ width: 200px; height: 64px; line-height: 64px; font-size: 24px;}
.fixed-online #fixed-online-wx{padding: 15px; line-height: 64px;}
.fixed-online #fixed-online-wx .img{ width: 120px; height: 120px; background-color: #eee;}
.fixed-online #fixed-online-wx h3{margin-top: 10px; line-height: 20px; font-size: 14px;}
#gotop{height: 0; opacity: 0; overflow: hidden;}
.gotop-active{height: 64px!important; opacity: 1!important; }




/*  */
.pgs-banner{min-height: 460px; display: flex; align-items: center; justify-content: center;}

.pgs-contact{ padding : 100px 15px; }

.pgs-contact .pgs-title{padding-bottom: 10px;}

.pgs-contact-tel{text-align: center; font-size: 24px; line-height: 1.4;}
.pgs-contact-tel a{font-size: 36px;}

.pgs-contact-wx{text-align: center; max-width: 220px; margin: 40px auto;}
.pgs-contact-wx img{width: 100%; border: 1px solid #eee; border-radius: 6px; overflow: hidden;}
.pgs-contact-wx h3{ margin-top: 15px; font-size: 24px;}

@media (max-width:768px) {
	.pgs-contact{ padding : 50px 15px; }
	
	.pgs-contact-tel{font-size: 18px; }
	.pgs-contact-tel a{font-size: 24px;}
	.pgs-contact-wx{max-width: 180px; margin: 20px auto;}
	
	.pgs-contact-wx h3{ margin-top: 15px; font-size: 18px;}
}


.pgs-service-search{ width: 560px;  margin: 30px auto; background-color: rgba(255,255,255,.9); flex-wrap: nowrap; border-radius: 60px; overflow: hidden;}
.pgs-service-search input{ padding: 0 40px; line-height: 60px; flex: 1; font-size: 20px; background-color: transparent;}
.pgs-service-search button{width: 80px; border: none; background-color: transparent;}

.pgs-service-wx{ max-width: 400px; align-items: center; padding: 6px; margin: 60px auto; background-color: #fff; border-radius: 8px; overflow: hidden;}
.pgs-service-wx div{width: 50%; text-align: center;}
.pgs-service-wx div img{width: 100%}
.pgs-service-wx div p{font-size: 18px; line-height: 1.6;}

@media (max-width:768px) {
	.pgs-service-search{ width: 320px;  margin: 20px auto;}
	.pgs-service-search input{ padding: 0 20px; line-height: 50px; flex: 1; font-size: 16px; }
	.pgs-service-search button{width: 60px; }
	.pgs-service-wx{ margin-top: 30px; max-width: 300px; }
	.pgs-service-wx div p{font-size: 16px;}
}

@media (max-width:640px) {
	.pgs-service-search{ width: 280px; }
	.pgs-service-search input{ padding: 0 20px; line-height: 40px; flex: 1; font-size: 16px; }
	.pgs-service-search button{width: 40px;margin-right: 5px;}
	.pgs-service-search button img{width: 18px;}
}

@media (max-width:480px) {
	
	.pgs-service-search input{ padding: 0 0 0 15px; flex: 1;}
}