.service_content{grid-template-columns: repeat(4, 1fr)!important;}
.service_content-item{padding:10px 30px!important;}

@keyframes animateframeout{
	0% {
		background-position: 100% 0;
	}	
	100% {
		background-position: 0 0;
	}
}

.ptn_one_icon{
		width: 72px;
    height: 72px;
    background-size: auto 100% !important;
    margin: 0 auto;
    animation: animateframeout .5s steps(23) forwards;
}

.service_content-item:hover{
	animation-play-state: running;
}
.section--inverse{background: #FFFFFF!important;}
.advantage--normal{background: #f5f7fa!important;}
.ptn_two_list{width: 100%;display: flex;justify-content: space-between;position: relative;}
.ptn_two_item{width: calc(33.33% - 16px);text-align: center;padding: 55px 6% 48px;background: #fff;border: 1px solid #e9edf2;box-sizing: border-box;position: relative;z-index: 2;transition: 300ms;overflow: hidden;cursor: default;}
.ptn_two_item:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: url(/templates/default/images/hezuo/ptn_two_item_bg.jpg) right bottom no-repeat;background-size: cover;opacity: 0;transform: scale(1.05);transition: 300ms;}
.ptn_two_bt{width: 100%;display: flex;align-items: center;justify-content: center;height: 32px;font-size: 18px;margin-bottom: 14px;}
.ptn_two_bt img{max-height: 100%;margin-right: 10px;}
.ptn_two_nr{line-height: 24px;color: #626266;font-size:14px;}
.ptn_two_item:hover{box-shadow: 0px 8px 24px 0 rgba(212,222,234,.3);}
.ptn_two_item:hover::before{opacity: 1;transform: scale(1);}
.ptn_two_slide{display: none;overflow: visible;padding-right: 20px;}
.ptn_two_slide .swiper-wrapper{overflow: visible;}
.ptn_two_slide .swiper-pagination{position: relative;bottom: 0;margin-top: 10px;}
.ptn_two_slide .swiper-pagination-bullet{width: 4px;height: 4px;display: inline-block;border-radius: 2px;background: #c2ccdc;opacity: 1;transition: all .3s;}
.ptn_two_slide .swiper-pagination-bullet-active{width: 14px;background: #2981ff;}


.card-intro .layout-container{width:calc(100vw - 6px)!important;overflow: hidden;}
.section-header h3 {font-size: 24px;color: #1c1d1f;text-align: center;font-weight: bold;line-height: 1;position: relative;margin-bottom: 40px}
.ptn_three{position: relative;height:487px;}
.ptn_three_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #2981ff;}
.ptn_three_bg img{width: 41.25vw;height: 100%;object-fit: cover;}
.ptn_three .section-header h3{color: #fff;}
.ptn_three_slide{transform: translateX(24%);margin: -60px 0 -60px -22px;width: calc(100% + 340px);}
.ptn_three_slide .swiper-wrapper{padding: 60px 0 80px 20px;}
.ptn_three_list{display: none;}
.ptn_three_item{background: #fff;box-shadow: 0px 8px 24px 0 rgba(20,105,228,.2);padding: 40px 30px 35px 30px;box-sizing: border-box;text-align: center;border: 1px solid #fff;background: url(/templates/default/images/hezuo/ptn_three_item_bg.jpg) #fff center center no-repeat;background-size: cover;}
.ptn_three_item.swiper-slide-prev{box-shadow: none;}
.ptn_three_bt{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 28px;margin-bottom: 14px;}
.ptn_three_bt img{max-height: 32px;margin-right: 12px;}
.ptn_three_nr{color: #626266;line-height: 24px;height: 120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ptn_three_slide .swiper-button-next,.ptn_three_slide .swiper-button-prev{width: 34px;height: 34px;border-radius: 50%;border: 1px solid #fff;box-shadow: 0px 8px 24px 0 rgba(20,105,228,.2);top: auto;bottom: 20px;transition: 300ms;}
.ptn_three_slide .ptn_three_slide_prev{background: url(/templates/default/images/hezuo/ptn_three_slide_prev.png) rgba(255,255,255,.2) center center no-repeat;left: 21%;}
.ptn_three_slide .ptn_three_slide_next{background: url(/templates/default/images/hezuo/ptn_three_slide_next.png) rgba(255,255,255,.2) center center no-repeat;left: calc(21% + 54px);}
/*
.ptn_three_slide .ptn_three_slide_prev:hover{background: url(/templates/default/images/hezuo/ptn_three_slide_prev_h.png) #fff center center no-repeat;}
.ptn_three_slide .ptn_three_slide_next:hover{background: url(/templates/default/images/hezuo/ptn_three_slide_next_h.png) #fff center center no-repeat;}
*/
.ptn_three_more{line-height: 26px;color: #2981ff;text-align: center;display: none;}
.ptn_three_more span{display: inline-block;position: relative;padding-right: 18px;}
.ptn_three_more span:after{content: "";width: 12px;height: 100%;background: url(/templates/default/images/hezuo/ptn_one_down_h.png) center center no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;}
.ptn_three_more.open span:after{transform: rotate(180deg);}

.ptn_five_area{border: 1px solid #fff;background: url(/templates/default/images/hezuo/ptn_five_bg.png) center center no-repeat;background-size: cover;padding: 39px 0;box-sizing: border-box;box-shadow: 0px 6px 24px 0 rgba(18,51,100,.06);}
.ptn_five_img{display: none;font-size: 0;}
.ptn_five_img img{width: 100%;}
.ptn_five_list{width: 48.6%;padding: 0 3.5%;box-sizing: border-box;}
.ptn_five_item{padding: 32px 0;display: flex;align-items: center;}
.ptn_five_item:not(:last-child){border-bottom: 1px dashed #e9edf2;}
.ptn_five_icon{width: 62px;margin-right: 15px;font-size: 0;}
.ptn_five_icon img.img_b{display: none;}
.ptn_five_nr{width: 180px;margin-right: 15px;}
.ptn_five_nr dt{font-weight: normal;font-size: 16px;color: #626266;line-height: 24px;margin-bottom: 6px;}
.ptn_five_nr dt span{display: none;}
.ptn_five_nr dd{font-weight: bold;font-size: 20px;color: #323235;line-height: 24px;}
.ptn_five_btn{display: flex;}
.ptn_five_btn a{width: 144px;line-height: 38px;display: block;margin-right: 16px;text-align: center;border: 1px solid #2981ff;color: #2981ff;}
.ptn_five_btn a:last-child{margin-right: 0;}
.ptn_five_btn a:hover{background: #2981ff;color: #fff;}
.ptn_five_btn a.ptn_five_btn_qq{background: #2981ff;color: #fff;}
.ptn_five_btn a.ptn_five_btn_qq:hover{opacity: 0.9;}
.ptn_five_btn a.ptn_five_btn_qq span{display: inline-block;padding-left: 24px;background: url(/templates/default/images/hezuo/ptn_five_btn_qq_h.png) left center no-repeat; font-size:14px;}
.ptn_five_btn a.ptn_five_btn_wx span{display: inline-block;padding-left: 30px;background: url(/templates/default/images/hezuo/ptn_five_btn_wx.png) left center no-repeat; font-size:14px;}
.ptn_five_btn a.ptn_five_btn_wx:hover span{background: url(/templates/default/images/hezuo/ptn_five_btn_wx_h.png) left center no-repeat;}

.case__title{font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    color: #1a2233;
    margin: 0 0 40px;
		padding-top:80px;
		text-align: center;
}

.ptn_six_list{width: 1200px;display: flex;flex-wrap: wrap;text-align: center;justify-content: center;margin: 0 auto;}
.ptn_six_item{position: relative;width: 20%;}
.ptn_six_item::before{content: "";width: 44px;height: 1px;background: #dee1e8;position: absolute;top: 48px;left: 0;}
.ptn_six_item::after{content: "";width: 44px;height: 1px;background: #dee1e8;position: absolute;top: 48px;right: 0;}
.ptn_six_item:first-child:before,.ptn_six_item:last-child:after{display: none;}
.ptn_six_icon{height: 96px;margin: 0 auto 24px;font-size: 0;}
.ptn_six_icon img{max-width: 100%;max-height: 100%;}
.ptn_six_bt{font-size: 16px;line-height: 26px;font-weight: bold;color: #323235;}




@media screen and (max-width: 1023px) {
		body {
		background-color:#f5f6f7;
	}
	div {
		box-sizing: border-box;
	}
	.hezuo-head-m{
		width:100%;
		height:18rem;
		background-color: #fff;
		padding: 0 1rem;
	}
	.hezuo-head-card-name-m{
		padding-top: 4rem;
		font-size:2.4rem;
		color:#212329;
	}
	.hezuo-head-card-content-m{
		margin-top:.8rem;
		font-size:1.4rem;
		color:#939499;
		line-height: 1.8rem;
	}
		.nav-bar{
		min-width:100%!important;
		padding: 0 1rem;
	}
	
	.nav-bar__item + .nav-bar__item{
		margin-left:1.5rem;
	}
	.page1-container-m{
		margin-top: 4rem;
	}
		.page1-head-m{
		font-size:2.4rem;
		color:#212329;
		padding-left: 2rem;
	}
		.mobile-data{
		margin: 0 1rem;
		margin-top: 2rem;
		background-color: #fff;
    box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25);
  }
	
	.box-top {
    box-shadow: none;
    transition: all .3s;
  }
	.box-top {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;padding: 0 15px;height:  53px;  -webkit-align-items: center;  -moz-box-align: center;  align-items: center;width: 100%;}
	.box-top div:first-child {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;}
	.box-top label {
        font-size: 1.6rem;
        color: #1c1d1f;
    }
	.slide-detail {display: none; background: url(/images/new_website/slide_bg.png) 100% 100%;-o-background-size: cover;background-size: cover; background-position: center; border-top:  1px solid #eaebef;border-radius: 0;}
	 .slide-detail {
        background: url(/templates/default/images/product/loudong/m-top-banner.png) no-repeat;
        background-size: 100% 100%;
    }
	    .mobile-data li>div {
        padding: 1.8rem 1.5rem;
    }
	.product-l img {
		width: 4.3rem;
		height: 4.3rem;
		margin-right: 1rem;
	}
	 .icon___xBx4D.open___SJfFy {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
	}
	.product-text p {
		color: #626266;
	}
	.page2-container-m{
		margin-top: 4rem;
	}
	.ptn_two_list{
		width: auto;
		margin: 2rem 1rem 0 1rem;
		overflow-x: auto;
		justify-content: unset;
		gap: 2rem;
	}
	.ptn_two_list::-webkit-scrollbar{
		width: 0;
		height: 0;
	}
	.ptn_two_item{
		width: 32rem;
		flex-shrink: 0;
		padding: 3rem 2rem;
	}
	.page3-container-m{
		margin-top: 4rem;
		margin-bottom: 2rem
	}
	.ptn_six_list{
		margin: 2rem 1rem 0 ;
		width:auto;
	}
	.ptn_six_item{
		width: 33%;
	}
	.ptn_six_item::before{
		background: unset;
		position: inherit;
	}
	    .ptn_six_item::after {
				content: '';
        width: 36px;
        right: -18px;
        height: 64px;
				        background: url(/templates/default/images/hezuo/ptn_six_right.png) center center no-repeat;
        top: 0;
        left: auto;
				background-size: 100% !important;
    }
	.ptn_six_bt{
		font-weight: 400;
		font-size: 1.4rem;
	}
	.ptn_six_bt span{
		display: block
	}
	.ptn_six_icon {
		width: 7.6rem;
		height: 4.9rem;
		margin-bottom: .4rem;
	}
	    .ptn_six_item:nth-child(3):after {
				width: 4.4rem;
        height: 3.6rem;
        top: calc(100% + .4rem);
				background: url(/templates/default/images/hezuo/ptn_six_next.png) center center no-repeat;
        background-size: auto 100% !important;
				left: 4.3rem;
    }
}