*, ::before, ::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfloat::after {
    display: block;
    content: '';
    clear: both;
}
.i_one .i_t{ text-align:center; color:#fff; margin-top:45px;}
.i_one .i_t h2{ font-weight:normal; background:url(../images/chanjet/i_bg11.png) center bottom no-repeat; height:83px; line-height:83px; padding-bottom:5px; margin-bottom:15px; color:#fff; font-size:46px;}
.i_one .i_t p{ font-size:28px; line-height:38px;}
.i_one{overflow: hidden; height:500px; padding-top:60px; background:url(../images/chanjet/haokuaiji.jpg) center top no-repeat;}
.i_one .i_one_div{ width:870px; text-align: center; color:#fff; margin: 0 auto; margin-top:39px; line-height:30px; max-height:150px; overflow:hidden; font-size:18px;}

.mainBox{
	width:100%;
    padding:20px 0;
}
	.chanjet-box-txt{
		width:100%;
		margin:80px auto 0;	
	}
	.chanjet-title{ width:1000px; margin:0 auto 16px; text-align:center;}
	.line-text{font-size:32px; color:#292E30 ; width:100%; text-align:center;}
	.p-chanjet{margin:0 auto;font-size:16px;line-height:24px;color:#768187;text-align:center; padding-bottom:40px;}

	.hkj-pro-bg{
		width: 100%;
		padding: 40px 0 80px;
		margin-bottom: 100px;
		background-image: linear-gradient(#fff, #f1f1f1);
	}
	.hkj-pro-mid{
		width: 1000px;
		margin: 0 auto;
	}
	.pro-tab-list{
		width: 100%;
		display: flex;
		flex-direction:row;
		justify-content:space-around;
		margin-bottom: 40px;
	}
	.pro-tab-list .swiper-pagination-switch{
		cursor: pointer;
		flex: 1;
		display: block;
		width: 206px;
		height: 206px;
		background-position: center;
        background-repeat: no-repeat;	
    }
    .pro-tab-list .swiper-pagination-switch:nth-child(1){
            background-image: url(../images/haokuaiji/1duo.png); background-size: 96px auto;
    }
			.pro-tab-list .swiper-pagination-switch:nth-child(1).swiper-active-switch{
				background-image: url(../images/haokuaiji/1duo-tab.png); background-size: 205px auto;
			}
		
		.pro-tab-list .swiper-pagination-switch:nth-child(2){
            background-image: url(../images/haokuaiji/2shu.png); background-size: 74px auto;
        }
			.pro-tab-list .swiper-pagination-switch:nth-child(2).swiper-active-switch{
				background-image: url(../images/haokuaiji/2shu-tab.png); background-size: 205px auto;
			}
		
		.pro-tab-list .swiper-pagination-switch:nth-child(3){
            background-image: url(../images/haokuaiji/3fen.png); background-size: 90px auto;
        }
		.pro-tab-list .swiper-pagination-switch:nth-child(3).swiper-active-switch{
				background-image: url(../images/haokuaiji/3fen-tab.png); background-size: 205px auto;
		}
		



	.pro-tab-content{
		width: 100%;
		position: relative;
	}
	.tab-hidden-box{
        width: 100%;
        height:330px;
		overflow: hidden;
	}
	.tab-btn{
		width: 24px;
		position: absolute;
		top:140px;
		z-index: 10;
		cursor: pointer;
	}
	.prve-tab{ left: -70px;}
	.next-tab{ right: -70px;}
	.pro-tab-box{
		width: 9999px;
		height:auto;
	}
	.pro-tab-box li{
		width: 1000px;
		height: 330px;
		float: left;
	}
	.pro-txt-icon{
		padding-left: 20px;
		background: url(../images/haokuaiji/txt-icon.png) no-repeat left 10px;
		background-size: 13px auto;
		font-size: 20px;
		color: #5b5b5b;
		line-height: 32px;
	}
	.pro-img-box{
		width: 530px;
	}
	.color-bu{ color: #0dacba;}

	.hkj-function{
		width: 100%;
		padding: 0 60px;
		margin-bottom: 80px;
	}
	.hkj-function li{
		width: 88px;
		float: left;
		margin-right: 70px;
		font-size: 20px;
		color: #ddd;
		cursor: pointer;
	}
	.hkj-function li span{
		display: block;
		width: 100%;
		padding-top: 90px;
		text-align: center;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 82px auto;
	}
	.jz-icon{background-image: url(../images/haokuaiji/fun-jz1-g.png);}
	.fp-icon{background-image: url(../images/haokuaiji/fun-fp2-g.png);}
	.pz-icon{background-image: url(../images/haokuaiji/fun-pz3-g.png);}
	.bb-icon{background-image: url(../images/haokuaiji/fun-bb4-g.png);}
	.jzh-icon{background-image: url(../images/haokuaiji/fun-jzh5-g.png);}
	.sw-icon{background-image: url(../images/haokuaiji/fun-sw6-g.png);}

	.hkj-function li.active-funtion{ color: #5b5b5b;}
	.hkj-function li.active-funtion .jz-icon{background-image: url(../images/haokuaiji/fun-jz1.png);}
	.hkj-function li.active-funtion .fp-icon{background-image: url(../images/haokuaiji/fun-fp2.png);}
	.hkj-function li.active-funtion .pz-icon{background-image: url(../images/haokuaiji/fun-pz3.png);}
	.hkj-function li.active-funtion .bb-icon{background-image: url(../images/haokuaiji/fun-bb4.png);}
	.hkj-function li.active-funtion .jzh-icon{background-image: url(../images/haokuaiji/fun-jzh5.png);}
	.hkj-function li.active-funtion .sw-icon{background-image: url(../images/haokuaiji/fun-sw6.png);}


	.hkj-fun-content{ width: 100%; line-height: 32px;}
	.hkj-fun-content li{ width: 100%; height: 430px; font-size: 20px; display: none;}
	.fun-title-txt{ font-size: 26px; margin-bottom: 8px;}

	.fp-color{ color: #9b34df;}
	.pz-color{ color:#ed680e;}
	.bb-color{ color:#ed3636;}
	.jzh-color{ color:#20b22b;}

	.video-fun-box{
		width: 570px;
		margin-top: 40px;
		font-size: 16px;
		color: #5b5b5b;
	}
	.video-fun-tab{
		width: 100%;
		margin-bottom: 18px;
	}
	.video-fun-tab a{
		display: inline-block;
		border-bottom: 1px solid #fff;
		margin-right: 20px;
	}

	.fp-hover a:hover, .fp-hover a.active-video{color: #9b34df;border-bottom: 1px solid #9b34df;}
	.pz-hover a:hover, .pz-hover a.active-video{color: #ed680e;border-bottom: 1px solid #ed680e;}
	.bb-hover a:hover, .bb-hover a.active-video{color: #ed3636;border-bottom: 1px solid #ed3636;}
	.jzh-hover a:hover, .jzh-hover a.active-video{color: #20b22b;border-bottom: 1px solid #20b22b;}

	.video-fun-sp{
		width: 570px;
		height: 320px;
	}
	.video-fun-sp video{
		width: 100%;
		height: 100%;
		z-index: 50;
	}

	.btn-zc-pro{
		display: block;
		width: 406px;
		margin: 100px auto;
	}



/*客户案例*/
.anli-style-new{
	width:100%; 
	min-width:100%; 
	padding:90px 0 0;
	height:880px;
	background: url(../images/haokuaiji/users.png) no-repeat center;  
}
.userInt{
	text-align: left;
	text-indent:25px;
	padding-left: 2px;
}

.anli-list-new{ width:1140px; margin:60px auto 0;}
.new-ke-anli{ text-align:center; color:#fff;}
.anli-list-new li{float:left; width:240px; text-align:center; margin-right:58px;}
.font-text3{ font-size:14px;line-height:24px; width:600px; margin:0 auto; text-align:center; color:#768187;}
.anli-img-new{ width:96px; height:96px; border-radius:100%; margin:0 auto 16px;}
.anli-img-new img{width:96px; height:96px; border-radius:100%;border:6px solid rgba(255,255,255,0.2); }