.service-wrap1{padding-bottom: 40px;}
.service-wrap1 .service-box1{display: flex;justify-content: space-between;}
.service-wrap1 .service-box1 .box1{width: 224px;text-align: center;}
.service-wrap1 .service-box1 .box1 h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;margin-top: 31px;}
.service-wrap1 .service-box1 .box1 p{font-size: 14px;font-weight: 400;color: #666666;}
.service-wrap2{padding-bottom: 126px;}
.service-wrap2 .img2{margin-top: 80px;overflow: hidden;}
.service-wrap3{background: #EEF0F5;font-size: 0;}

.service-box2 {position: relative;text-align: center;}
.service-box2>img{min-height: 881px;}
.service-title{text-align: center;position: absolute;left: 0;right: 0;top: 72px;margin: auto;}
.service-title .page-title{padding: 0;}
.service-title .title-p-d{padding-bottom: 100px;}
.service-title p{font-weight: 400;margin-top: 5px;color: #999999;font-size: 14px;}
.service-box2 .service-box2-flexbox{position: relative;}
.service-box2 .service-box2-flexbox>div{box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.08);background: #FFFFFF;border: 1px solid #E9E9E9;padding: 24px 32px;max-width: 385px;box-sizing: border-box;position: absolute;text-align: left;}
.service-box2 .service-box2-flexbox>div h3{color: #333333;font-weight: 400;font-size: 18px;}
.service-box2 .service-box2-flexbox>div p{font-size: 14px;font-weight: 400;color: #A8A8A8;margin-top: 8px;}
.service-box2 .service-box2-flexbox .posi1{left: 0;right: 0;top: 0;margin: auto;}
.service-box2 .service-box2-flexbox .posi2{left: 46px;top: 215px;}
.service-box2 .service-box2-flexbox .posi3{right: 46px;top: 215px;}
.service-box2 .service-box2-flexbox .posi4{left: 155px;top: 460px;}
.service-box2 .service-box2-flexbox .posi5{right: 155px;top: 460px;}
.service-wrap4{padding: 120px 0 100px;overflow: hidden;}
.service-wrap4 .flex-box4{display: flex;align-items: center;}
.service-wrap4 .flex-box4 .left-wrap{width: 242px;flex-shrink: 0;font-size: 0;}
.service-wrap4 .flex-box4 .left-wrap img{display: none;}
.service-wrap4 .flex-box4 .left-wrap img:nth-of-type(1){display: block;}
.service-wrap4 .flex-box4 .center-wrap{font-size: 0;margin: 0 25px;}
.service-wrap4 .flex-box4 .right-wrap{}
.service-wrap4 .flex-box4 .right-wrap .top-title{display: flex;align-items: center;}
.service-wrap4 .flex-box4 .right-wrap .top-title span{display: inline-block;font-weight: bold;color: #1B86B0;font-size: 26px;margin-left: 10px;}
.service-wrap4 .flex-box4 .right-wrap .right-p{font-size: 15px;font-weight: 500;color: #333333;line-height: 26px;margin-top: 10px;}
.service-wrap4 .flex-box4 .right-wrap .hover-box{padding-top: 30px;margin-top: 30px;border-top: 1px dashed #C8C8C8;display: flex;align-items: center;}
.service-wrap4 .flex-box4 .right-wrap .hover-box .hover-img{font-size: 0;}
.service-wrap4 .flex-box4 .right-wrap .hover-box .hover-img img{margin-right: 16px;opacity: 0.3;cursor: pointer;} 
.service-wrap4 .flex-box4 .right-wrap .hover-box .hover-img img.active{opacity: 1;}
.service-wrap4 .flex-box4 .right-wrap .hover-box .wxcode{display: flex;align-items: center;}
.service-wrap4 .flex-box4 .right-wrap .hover-box .code{margin: 0 16px 0 25px;}
.service-wrap4 .flex-box4 .right-wrap .hover-box .blue-p{font-size: 16px;font-weight: bold;color: #1B86B0;line-height: 24px;}

.service-wrap5 {padding-bottom: 120px;}
.service-wrap5 .title p{text-align: center;color: #666666;font-size: 15px;line-height: 26px;letter-spacing: 1px;margin-bottom: 48px;}
.service-wrap5 .page-title{padding-bottom: 12px;}
.service-wrap5 .swiper-slide-ibox{display: flex;justify-content: space-between;}
.service-wrap5 .swiper-slide-ibox .r{flex: 4.36; padding: 32px;box-sizing: border-box;min-height: 470px;display: flex;align-items: center;}
.service-wrap5 .swiper-slide-ibox .r h3{color: #222;font-size: 24px;margin-bottom: 15px;}
.service-wrap5 .swiper-slide-ibox .r p{color: #222;font-size: 14px;line-height: 20px;}
.service-wrap5 .swiper-slide-ibox .l{flex: 7;text-align: center;padding-top: 36px;}
.service-wrap5 .swiper-container{background: url(../img/cpyfw_jksb_img_bg.png) no-repeat left top;background-color: #EDF2F8;}

.service-wrap5 .swiper-button-next,.service-wrap5 .swiper-button-prev{top:auto;bottom: 0;background: #1B86B0;width: 64px;display: flex;justify-content: center;align-items: center;}
.service-wrap5 .swiper-button-next{right: 500px;}
.service-wrap5 .swiper-button-prev{right: 564px;left: auto;}
.service-wrap5 .swiper-button-next::after{content: "|";color: #fff;opacity: 0.3;position: absolute;left: -2px;height: 16px;top: 10px;}
.service-wrap5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1B86B0;}

.service-nav{border-bottom: 1px solid #eee;overflow: hidden;}
.service-nav span{padding: 16px 0 0 0;cursor: pointer;flex: 1;text-align: center;}
.service-nav span.on::after{content: "";display: block;background-color: #1B86B0;width: 40px;height: 4px;margin: 0 auto;margin-top: 16px;}
.service-nav .container{display: flex;justify-content: space-between;}
@media (max-width: 768px){
	.service-wrap1 .service-box1{flex-wrap: wrap;padding: 0 15px;}
	.service-wrap1 .service-box1 .box1{width: 48%;margin-bottom: 15px;}
	.service-wrap2{padding-left: 15px;padding-right: 15px;}
	.service-wrap2 .img2{overflow-x: scroll;}
	.service-wrap2 .img2 .pc_hide{max-width: inherit;}
	.service-wrap3{padding-top: 60px;padding-bottom: 60px;}
	.service-title{padding: 0 15px;position: initial;}
	.service-box2>img{min-height: inherit;display: none;}
	.service-title .title-p-d{padding-bottom: 50px;}
	.service-box2 .service-box2-flexbox>div{position: initial;margin: 15px auto;}
	.service-box2 .service-box2-flexbox .posi2,.service-box2 .service-box2-flexbox .posi3,.service-box2 .service-box2-flexbox .posi4,.service-box2 .service-box2-flexbox .posi5{left: 0;top: 0;right: 0;bottom: 0;}
	.service-wrap4{padding: 60px 0;}
	.service-wrap4 .flex-box4{flex-direction: column-reverse;padding: 0 15px;}
	.service-wrap4 .flex-box4 .center-wrap{display: none;}
	.service-wrap4 .flex-box4 .right-wrap .hover-box{flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
	.service-wrap4 .flex-box4 .left-wrap{width: 50%;}
	.service-wrap4 .flex-box4 .right-wrap .hover-box .hover-img{display: flex;width: 45%;flex-wrap: wrap;justify-content: space-between;}
	.service-wrap4 .flex-box4 .right-wrap .hover-box .hover-img img{margin-right: 0;margin-top: 10px;}
	.service-wrap4 .flex-box4 .right-wrap .hover-box .wxcode{margin: 15px 0;}
	
	.service-wrap5 .swiper-slide-ibox{flex-direction: column-reverse;}
	.service-wrap5 .swiper-container{background: #EDF2F8;}
	.service-wrap5 .swiper-slide-ibox .l{padding-top: 0;}
	.service-wrap5 .swiper-slide-ibox .r{padding: 20px 15px;align-items: flex-start;min-height: auto;}
	
	.service-wrap5 .swiper-button-next,.service-wrap5 .swiper-button-prev{width: 30px;height: 30px;}
	.service-wrap5 .swiper-button-prev{top: 40px;right: 60px;}
	.service-wrap5 .swiper-button-next{top: 40px;right: 20px;}
	.service-wrap5 .swiper-slide-ibox .r h3{font-size: 18px;max-width: 80%;}
	.service-wrap5{padding: 15px;padding-bottom: 80px;}
	
	.service-nav span{font-size:14px;}
}