@charset "utf-8";
/*  */
.pages-banner{position: relative; overflow: hidden;}
.pages-banner picture{display: block;}
.pages-banner picture img{width: 100%;}
.pages-banner-info{position: absolute; top: 0;left: 0; width: 50%; height: 100%; padding-left: 46.7px; align-items: center; }
.pages-banner-info h3{ font-size: 26px; color: #fff;}
.pages-banner-info p{margin-top: 10px; font-size: 24px; color: #fff; }

@media (max-width:1200px) {
	.pages-banner-info{padding-left: 20px;}
    .pages-banner-info h3{font-size: 24px; }
    .pages-banner-info p{margin-top: 20px; }
    .pages-banner-info p{ font-size: 16px;}
}

@media (max-width:768px) {
	.pages-banner{margin: 0 -15px;}
    .pages-banner-info h3 { font-size: 20px;}
    .pages-banner-info p{margin-top: 10px; font-size: 14px;}
}

@media (max-width:640px) {
 

}
/* 
|----------------------
|   breadcrumb
|----------------------
*/
.pages-breadcrumb{ padding: 30px 0; line-height: 30px; display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; }
.pages-breadcrumb b{display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.pages-breadcrumb a,
.pages-breadcrumb span{margin: 5px 0; color:#777; white-space: nowrap;}
.pages-breadcrumb a:last-child{color: var(--default);}
@media(max-width:768px){
	.pages-breadcrumb{padding: 10px 0; height: auto;}
}

/* 
|----------------------
|   title
|----------------------
*/
.pages-title { text-align: center;}
.pages-title h3 {position: relative; padding-bottom: 20px; line-height: 1.2; font-size: 26px; color: var(--default); text-transform: uppercase;}
.pages-title h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 130px; height: 2px; background-color: var(--default);}
.pages-title h4 {position: relative; font-size: 18px;line-height: 1.4; color: var(--default);  text-transform: uppercase;}
.pages-title p { margin-top: 20px; font-size: 16px; line-height: 1.4;}
.pages-title-white h3,
.pages-title-white h4 {color: #fff;}
.pages-title-white h3::before{background-color: #fff;}
.pages-title-left{text-align: left;}
@media (max-width:1200px) {
	.pages-title h3 { font-size: 24px;}
}

@media (max-width:768px) {
	.pages-title h3 { font-size: 20px;}
}

/* 
|----------------------
|   paging
|----------------------
*/
.paging{padding: 30px 0 0;}
.page-num{ position: relative; display: inline-block; margin:2px 5px; padding: 0 5px;  height: 35px; line-height: 35px; font-size: 14px; text-align: center; background-color: #fff;}
.page-num:hover,
.page-num:hover{background-color: var(--default); color: #fff;}
/*  */
.paging-prev a,
.paging-next a{width: 35px;}
.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{ display: block; width: 35px;}
.paging-nav a.page-num-current,
.paging-nav a:hover{ background-color: var(--default); color: #fff;}



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

/*  */
.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; }


/*  */
.fix-online{position:fixed; top:50%; right:0; z-index:9; margin-top:-266px; width:80px; opacity:0; transition:opacity .3s , transform .3s; transform:translateX(100%);}
.fix-online-active{opacity:1;transform:translateX(0);}

.fix-online-item{display:block; margin-bottom:1px; background-color:#ed263b ; color:#fff; text-align:center; transition:transform .4s; }
.fix-online-main{width:90px; height: 80px; padding: 10px 10px 10px 0; background-color: #ed263b;}
.fix-online-main .fix-online-ico{width: 40px;}
.fix-online-main p{font-size: 14px; color: #fff;}

.fix-online-tel{display:flex; width:260px; flex-wrap:wrap; align-items:center}
.fix-online-tel .fix-online-main{border-right:1px solid rgba(0,0,0,.2);}
.fix-online-number{flex: 1; font-size: 20px; color: #fff; }

.fix-online-item.gotop .fix-online-main{padding:10px 10px 18px 0;}
.fix-online-item.gotop .fix-online-main .fix-online-ico{width: 60px;}

.fix-online .fix-online-item:hover {transform: translateX(-10px)}
.fix-online .fix-online-tel:hover { transform:translateX(-180px)}
.fix-online .fix-online-tel:hover .fix-online-main { padding-right: 0; width: 80px; }