@charset "utf-8";
*, ::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;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);}
/* 案例位置新增小程序二维码 */
.anli-code-box{position: relative;width: 700px;height: 171px;line-height: 174px;margin: 0px auto 0;background: url(../images/haokuaiji/anli-code.png) no-repeat center;background-size: auto 160px;color: #666;font-size: 16px;padding-left: 0px;font-weight: 500;}
.anli-code-box span{ color: #5cc1d1;}
.anli-code-box img{position: absolute;top: 32px;right: 27px;padding: 10px;width: 108px;}